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 相关文章推荐
ie6下png图片背景不透明的解决办法使用js实现
Jan 11 Javascript
js中的scroll和offset 使用比较的实例与分析
Sep 29 Javascript
鼠标滑过出现预览的大图提示效果
Feb 26 Javascript
jquery操作checkbox示例分享
Jul 21 Javascript
详解JavaScript中的表单验证
Jun 16 Javascript
js 输入框 正则表达式(菜鸟必看教程)
Feb 19 Javascript
vue中各选项及钩子函数执行顺序详解
Aug 25 Javascript
小程序获取周围IBeacon设备的方法
Oct 31 Javascript
ES6常用小技巧总结【去重、交换、合并、反转、迭代、计算等】
Dec 21 Javascript
js实现特别简单的钟表效果
Sep 14 Javascript
基于vue-simple-uploader封装文件分片上传、秒传及断点续传的全局上传插件功能
Feb 23 Vue.js
微信小程序APP的生命周期及页面的生命周期
Apr 19 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入门教程之面向对象基本概念实例分析
2016/09/11 PHP
Laravel 集成微信用户登录和绑定的实现
2019/12/27 PHP
用js判断用户浏览器是否是XP SP2的IE6
2007/03/08 Javascript
Jquery ajax不能解析json对象,报Invalid JSON错误的原因和解决方法
2010/03/27 Javascript
jQuery与ExtJS之选择实例分析
2010/08/19 Javascript
基于datagrid框架的查询
2013/04/08 Javascript
将json当数据库一样操作的javascript lib
2013/10/28 Javascript
js截取中英文字符串、标点符号无乱码示例解读
2014/04/17 Javascript
AngularJs concepts详解及示例代码
2016/09/01 Javascript
Angular 应用技巧总结
2016/09/14 Javascript
javascript 显示全局变量与隐式全局变量的区别
2017/02/09 Javascript
nodejs入门教程一:概念与用法简介
2017/04/24 NodeJs
通过学习bootstrop导航条学会修改bootstrop颜色基调
2017/06/11 Javascript
js正则取值的结果数组调试方法
2018/10/10 Javascript
JavaScript Event Loop相关原理解析
2020/06/10 Javascript
[00:20]DOTA2荣耀之路7:-ah fu-抢盾
2018/05/31 DOTA
[59:35]DOTA2-DPC中国联赛定级赛 Aster vs DLG BO3第一场 1月8日
2021/03/11 DOTA
深入分析在Python模块顶层运行的代码引起的一个Bug
2014/07/04 Python
Python中的字典遍历备忘
2015/01/17 Python
python使用for循环计算0-100的整数的和方法
2019/02/01 Python
python实现凯撒密码、凯撒加解密算法
2020/06/11 Python
详解Python3 定义一个跨越多行的字符串的多种方法
2020/09/06 Python
详解px单位html5响应式方案
2018/03/08 HTML / CSS
Gloeilampgoedkoop荷兰:在线购买灯泡
2019/02/16 全球购物
《月迹》教学反思
2014/02/19 职场文书
《在家里》教后反思
2014/03/01 职场文书
彩色的翅膀教学反思
2014/04/25 职场文书
物理系毕业生自荐书
2014/06/13 职场文书
研究生就业推荐表导师评语
2014/12/31 职场文书
新教师个人总结
2015/02/06 职场文书
校友回访母校寄语
2015/02/26 职场文书
教你使用pyinstaller打包Python教程
2021/05/27 Python
使用Pytorch实现two-head(多输出)模型的操作
2021/05/28 Python
《仙剑客栈2》第一弹正式宣传片公开 年内发售
2022/04/07 其他游戏
python神经网络学习 使用Keras进行回归运算
2022/05/04 Python
windows系统搭建WEB服务器详细教程
2022/08/05 Servers