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 相关文章推荐
JavaScript OOP面向对象介绍
Dec 02 Javascript
js中parseFloat(参数1,参数2)定义和用法及注意事项
Jan 27 Javascript
js模仿windows桌面图标排列算法具体实现(附图)
Jun 16 Javascript
JS常见问题整理(持续更新)
Aug 06 Javascript
简单的两种Extjs formpanel加载数据的方式
Nov 09 Javascript
JavaScript检测字符串中是否含有html标签实现方法
Jul 01 Javascript
jQuery表单元素选择器代码实例
Feb 06 Javascript
vue打包后显示空白正确处理方法
Nov 01 Javascript
JavaScript同源策略和跨域访问实例详解
Apr 03 Javascript
JS实现使用POST方式发送请求
Aug 30 Javascript
微信小程序webSocket的使用方法
Feb 20 Javascript
Vue2.4+新增属性.sync、$attrs、$listeners的具体使用
Mar 08 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
DOTA2 6.87版本后新眼位详解攻略
2020/04/20 DOTA
解析smarty模板中类似for的功能实现
2013/06/18 PHP
PHP7扩展开发之hello word实现方法详解
2018/01/15 PHP
php设计模式之装饰模式应用案例详解
2019/06/17 PHP
Laravel 已登陆用户再次查看登陆页面的自动跳转设置方法
2019/09/30 PHP
php设计模式之备忘模式分析【星际争霸游戏案例】
2020/03/24 PHP
一段好玩的JavaScript代码
2006/12/01 Javascript
jQuery Ajax使用 全解析
2010/12/15 Javascript
模仿百度三维地图的js数据分享
2011/05/12 Javascript
js判断设备是否为PC并调整图片大小
2014/02/12 Javascript
javascript字母大小写转换的4个函数详解
2014/05/09 Javascript
jQuery+CSS实现滑动的标签分栏切换效果
2015/12/17 Javascript
基于javascript实现全屏漂浮广告
2016/03/31 Javascript
浅谈jQuery双事件多重加载的问题
2016/10/05 Javascript
基于webpack.config.js 参数详解
2018/03/20 Javascript
Vue v-for循环之@click点击事件获取元素示例
2019/11/09 Javascript
vue中jsonp插件的使用方法示例
2020/09/10 Javascript
vue脚手架项目创建步骤详解
2021/03/02 Vue.js
[45:15]Optic vs VP 2018国际邀请赛淘汰赛BO3 第一场 8.24
2018/08/25 DOTA
Python使用文件锁实现进程间同步功能【基于fcntl模块】
2017/10/16 Python
对Python w和w+权限的区别详解
2019/01/23 Python
Python基于Logistic回归建模计算某银行在降低贷款拖欠率的数据示例
2019/01/23 Python
Python猴子补丁Monkey Patch用法实例解析
2020/03/23 Python
python:删除离群值操作(每一行为一类数据)
2020/06/08 Python
localStorage、sessionStorage使用总结
2017/11/17 HTML / CSS
加拿大领先的冒险和户外零售商:Atmosphere
2017/12/19 全球购物
EJB3推出JPA的原因
2013/10/16 面试题
简历上的自我评价怎么写
2014/01/28 职场文书
高中微机老师自我鉴定
2014/02/16 职场文书
婚礼主持结束词
2014/03/13 职场文书
揭牌仪式策划方案
2014/05/28 职场文书
某集团股份有限公司委托书样本
2014/09/24 职场文书
运动会闭幕词
2015/01/28 职场文书
CSS实现漂亮的时钟动画效果的实例代码
2021/03/30 HTML / CSS
原生JS中应该禁止出现的写法
2021/05/05 Javascript
解决vue中provide inject的响应式监听
2022/04/19 Vue.js