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 相关文章推荐
网页常用特效代码整理
Jun 23 Javascript
修改发贴的编辑功能
Mar 07 Javascript
js实现上传图片之上传前预览图片
Mar 25 Javascript
Bootstrapvalidator校验、校验清除重置的实现代码(推荐)
Sep 28 Javascript
详解vue父子模版嵌套案例
Mar 04 Javascript
jquery编写日期选择器
Mar 16 Javascript
神级程序员JavaScript300行代码搞定汉字转拼音
May 20 Javascript
vue中npm包全局安装和局部安装过程
Sep 03 Javascript
javascript实现获取中文汉字拼音首字母
May 19 Javascript
jQuery+Ajax+js实现请求json格式数据并渲染到html页面操作示例
Jun 02 jQuery
微信小程序仿抖音短视频切换效果的实例代码
Jun 24 Javascript
详解微信小程序入门从这里出发(登录注册、开发工具、文件及结构介绍)
Jul 21 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
E路文章系统PHP
2006/12/11 PHP
Dedecms V3.1 生成HTML速度的优化办法
2007/03/18 PHP
PHP求最大子序列和的算法实现
2011/06/24 PHP
PHP时间格式控制符对照表分享
2013/07/23 PHP
PHP实现绘制3D扇形统计图及图片缩放实例
2014/10/01 PHP
非常实用的PHP常用函数汇总
2014/12/17 PHP
PHP异常处理定义与使用方法分析
2017/07/25 PHP
PHP pthreads v3下的Volatile简介与使用方法示例
2020/02/21 PHP
基于ThinkPHP删除目录及目录文件函数
2020/10/28 PHP
JS array 数组详解
2009/03/22 Javascript
jquery表格内容筛选实现思路及代码
2013/04/16 Javascript
jQuery JSON实现无刷新三级联动实例探讨
2013/05/28 Javascript
获取当前点击按钮的id用this.id实现
2014/03/17 Javascript
Jquery判断form表单数据是否变化
2016/03/30 Javascript
基于Bootstrap的后台管理面板 Bootstrap Metro Dashboard
2016/06/17 Javascript
JS产生随机数的几个用法详解
2016/06/22 Javascript
vue中获取滚动table的可视页面宽度调整表头与列对齐(每列宽度不都相同)
2019/08/17 Javascript
JavaScript进阶(二)词法作用域与作用域链实例分析
2020/05/09 Javascript
跟老齐学Python之从格式化表达式到方法
2014/09/28 Python
python基于queue和threading实现多线程下载实例
2014/10/08 Python
使用Python设置tmpfs来加速项目的教程
2015/04/17 Python
python简单实现旋转图片的方法
2015/05/30 Python
itchat和matplotlib的结合使用爬取微信信息的实例
2017/08/25 Python
Python模糊查询本地文件夹去除文件后缀的实例(7行代码)
2017/11/09 Python
python全栈要学什么 python全栈学习路线
2019/06/28 Python
python 哈希表实现简单python字典代码实例
2019/09/27 Python
使用python接受tgam的脑波数据实例
2020/04/09 Python
Python通过两个dataframe用for循环求笛卡尔积
2020/04/29 Python
Python2及Python3如何实现兼容切换
2020/09/01 Python
django使用graphql的实例
2020/09/02 Python
开普敦通行证:Cape Town Pass
2019/07/18 全球购物
委托书的写法
2014/08/30 职场文书
法定授权委托证明书
2014/09/27 职场文书
2015年导购员工作总结
2015/04/25 职场文书
HTML5页面音频自动播放的实现方式
2021/06/21 HTML / CSS
vue 自定义的组件绑定点击事件
2022/04/21 Vue.js