childNodes.length与children.length的区别


Posted in Javascript onMay 14, 2009

因为childNodes包含的不仅仅只有html节点,所有属性文本等都包含在childNodes里面,你可以通过nodeType来判断是哪种类型的节点,只有当nodeType==1时才使元素节点,2是属性节点,3是文本节点。而children.length只计算节点的数量。
包括进行节点长度的计算,节点的移动时都要注意这一点。
要获得一个元素的文本,比如要获得一个P节点的文本,有的人喜欢使用innerHTML,更改也是一样,其实这不太好,因为使用innerHTML浏览器会认为你要插入的东西是一段标签文本,而你只想插入一段纯文本,这就导致浏览器试图去解析你的那段纯文本,这会造成不必要的资源浪费。所以建议使用element.firstChild.nodeValue,为什么是firstChild呢?因为childNodes[0]就是文本节点,不信你可以看看它的nodeType

Javascript 相关文章推荐
JQuery 无废话系列教程(二) jquery实战篇上
Jun 23 Javascript
Ext JS 4官方文档之三 -- 类体系概述与实践
Dec 16 Javascript
获取中文字符串的实际长度代码
Jun 05 Javascript
jQuery+json实现动态创建复杂表格table的方法
Oct 25 Javascript
Javascript 正则表达式校验数字的简单实例
Nov 02 Javascript
underscore之function_动力节点Java学院整理
Jul 11 Javascript
关于在mongoose中填充外键的方法详解
Aug 14 Javascript
echarts实现地图定时切换散点与多图表级联联动详解
Aug 07 Javascript
使用layer弹窗和layui表单实现新增功能
Aug 09 Javascript
当vue路由变化时,改变导航栏的样式方法
Aug 22 Javascript
Vue绑定用户接口实现代码示例
Nov 04 Javascript
(开源)微信小程序+mqtt,esp8266温湿度读取
Apr 02 Javascript
DOM下的节点属性和操作小结
May 14 #Javascript
JQuery textlimit 显示用户输入的字符数 限制用户输入的字符数
May 14 #Javascript
JavaScript 动态将数字金额转化为中文大写金额
May 14 #Javascript
JS面向对象、prototype、call()、apply()
May 14 #Javascript
JavaScript Date对象使用总结
May 14 #Javascript
jQuery 技巧大全(新手入门篇)
May 12 #Javascript
JS 字符串连接[性能比较]
May 10 #Javascript
You might like
BBS(php & mysql)完整版(二)
2006/10/09 PHP
ThinkPHP公共配置文件与各自项目中配置文件组合的方法
2014/11/24 PHP
详解php魔术方法(Magic methods)的使用方法
2016/02/14 PHP
php基于curl实现的股票信息查询类实例
2016/11/11 PHP
PHP实现单文件、多个单文件、多文件上传函数的封装示例
2019/09/02 PHP
基于jQuery的简单九宫格实现代码
2012/08/09 Javascript
javaScript面向对象继承方法经典实现
2013/08/20 Javascript
Javascript定义类(class)的三种方法详解
2015/03/13 Javascript
浅谈javascript中onbeforeunload与onunload事件
2015/12/10 Javascript
jQuery+PHP+MySQL实现无限级联下拉框效果
2016/02/19 Javascript
在IE8上JS实现combobox支持拼音检索功能
2016/05/23 Javascript
SelecT下拉框选中和取值的解决方法
2016/11/22 Javascript
ES6正则的扩展实例详解
2017/04/25 Javascript
Vue.js实现按钮的动态绑定效果及实现代码
2017/08/21 Javascript
js实现图片上传并预览功能
2018/08/06 Javascript
微信运维交互机器人的示例代码
2018/11/12 Javascript
jQuery+vue.js实现的多选下拉列表功能示例
2019/01/15 jQuery
npm 语义版本控制详解
2019/09/10 Javascript
如何通过javaScript去除字符串两端的空白字符
2020/02/06 Javascript
详解关于Vue单元测试的几个坑
2020/04/26 Javascript
vue如何在项目中调用腾讯云的滑动验证码
2020/07/15 Javascript
[01:18]PWL开团时刻DAY4——圣剑与抢盾
2020/11/03 DOTA
查看Python安装路径以及安装包路径小技巧
2015/04/28 Python
Python 列表(List) 的三种遍历方法实例 详解
2017/04/15 Python
Django中redis的使用方法(包括安装、配置、启动)
2018/02/21 Python
pandas 根据列的值选取所有行的示例
2018/11/07 Python
NumPy 数组使用大全
2019/04/25 Python
最新2019Pycharm安装教程 亲测
2020/02/28 Python
Carmen Sol官网:购买果冻鞋、手袋和配件
2021/01/01 全球购物
机关党员2014全国两会学习心得体会
2014/03/10 职场文书
弘扬雷锋精神演讲稿
2014/05/10 职场文书
邓小平理论心得体会
2014/09/09 职场文书
党的群众路线对照检查材料
2014/09/22 职场文书
签字仪式主持词
2015/07/03 职场文书
2016年大学生暑假爱心支教活动策划书
2015/11/26 职场文书
Java实现房屋出租系统详解
2021/10/05 Java/Android