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 相关文章推荐
js数字输入框(包括最大值最小值限制和四舍五入)
Nov 24 Javascript
js判断游览器类型及版本号的代码
May 11 Javascript
JavaScript中变量声明有var和没var的区别示例介绍
Sep 15 Javascript
JavaScript实现简单的二级导航菜单实例
Apr 15 Javascript
jQuery消息提示框插件Tipso
May 04 Javascript
js实现将选中值累加到文本框的方法
Aug 12 Javascript
Laydate时间组件在火狐浏览器下有多时间输入框时只能给第一个输入框赋值的解决方法
Aug 18 Javascript
Angular 应用技巧总结
Sep 14 Javascript
jQuery自动或手动图片切换效果
Oct 11 jQuery
VUE2.0+ElementUI2.0表格el-table循环动态列渲染的写法详解
Nov 30 Javascript
微信小程序 数据缓存实现方法详解
Aug 26 Javascript
微信小程序canvas截取任意形状的实现代码
Jan 13 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
php+html5实现无刷新图片上传教程
2016/01/22 PHP
PHP6新特性分析
2016/03/03 PHP
Zend Framework动作助手Url用法详解
2016/03/05 PHP
PHP实现适用于自定义的验证码类
2016/06/15 PHP
nginx下安装php7+php5
2016/07/31 PHP
针对thinkPHP5框架存储过程bug重写的存储过程扩展类完整实例
2018/06/16 PHP
PHP中上传文件打印错误错误类型分析
2019/04/14 PHP
javascript引用对象的方法代码
2007/08/13 Javascript
javascript:以前写的xmlhttp池,代码
2008/05/18 Javascript
javascript操作表格排序实例分析
2015/05/06 Javascript
jquery简单实现外部链接用新窗口打开的方法
2015/05/30 Javascript
JS提交form表单实例分析
2015/12/10 Javascript
Vue2.0实现调用摄像头进行拍照功能 exif.js实现图片上传功能
2018/04/28 Javascript
详解npm 配置项registry修改为淘宝镜像
2018/09/07 Javascript
JS中call()和apply()的功能及用法实例分析
2019/06/28 Javascript
vue实现移动端省市区选择
2019/09/27 Javascript
Vue.js页面中有多个input搜索框如何实现防抖操作
2019/11/04 Javascript
python装饰器与递归算法详解
2016/02/18 Python
对dataframe进行列相加,行相加的实例
2018/06/08 Python
对python创建及引用动态变量名的示例讲解
2018/11/10 Python
解决pyqt5中QToolButton无法使用的问题
2019/06/21 Python
pandas如何处理缺失值
2019/07/31 Python
python elasticsearch从创建索引到写入数据的全过程
2019/08/04 Python
python [:3] 实现提取数组中的数
2019/11/27 Python
Argos官网:英国家喻户晓的百货零售连锁商
2017/04/03 全球购物
英国折扣零售连锁店:QD Stores
2018/12/08 全球购物
ECHT官方网站:男女健身服
2020/02/14 全球购物
护理专业学生的求职信范文
2013/12/11 职场文书
毕业生如何写自荐信
2014/03/26 职场文书
公司年会策划方案
2014/05/17 职场文书
求职导师推荐信范文
2015/03/27 职场文书
2016大学生国家助学贷款承诺书
2016/03/25 职场文书
MySQL系列之三 基础篇
2021/07/02 MySQL
新手初学Java网络编程
2021/07/07 Java/Android
Go语言特点及基本数据类型使用详解
2022/03/21 Golang
Nginx流量拷贝ngx_http_mirror_module模块使用方法详解
2022/04/07 Servers