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 相关文章推荐
extjs 学习笔记(二) Ext.Element类
Oct 13 Javascript
IE6下通过a标签点击切换图片的问题
Nov 14 Javascript
js仿百度有啊通栏展示效果实现代码
May 28 Javascript
你未必知道的JavaScript和CSS交互的5种方法
Apr 02 Javascript
jQuery常用的一些技巧汇总
Mar 26 Javascript
浅谈Javascript中的函数、this以及原型
Oct 09 Javascript
微信小程序 仿猫眼实现实例代码
Mar 14 Javascript
微信小程序图片选择、上传到服务器、预览(PHP)实现实例
May 11 Javascript
springmvc接收jquery提交的数组数据代码分享
Oct 28 jQuery
关于ES6箭头函数中的this问题
Feb 27 Javascript
JavaScript使用indexOf()实现数组去重的方法分析
Sep 04 Javascript
java和js实现的洗牌小程序
Sep 30 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 第二节 数据类型之数组
2012/04/28 PHP
php sybase_fetch_array使用方法
2014/04/15 PHP
PHP中设置一个严格30分钟过期Session面试题的4种答案
2014/07/30 PHP
php求数组全排列,元素所有组合的方法总结
2017/03/14 PHP
PHP编程实现脚本异步执行的方法
2017/08/09 PHP
PHP调用其他文件中的类
2018/04/02 PHP
php实现JWT(json web token)鉴权实例详解
2019/11/05 PHP
javascript+css 网页每次加载不同样式的实现方法
2009/12/27 Javascript
说明你的Javascript技术很烂的五个原因
2011/04/26 Javascript
jQuery EasyUI API 中文文档 - MenuButton菜单按钮使用介绍
2011/10/06 Javascript
jQuery实现图片走马灯效果的原理分析
2016/01/16 Javascript
使用javaScript实现鼠标拖拽事件
2020/04/03 Javascript
jquery+css3实现熊猫tv导航代码分享
2018/02/12 jQuery
vuejs实现折叠面板展开收缩动画效果
2018/09/06 Javascript
关于引入vue.js 文件的知识点总结
2020/01/28 Javascript
Python3搜索及替换文件中文本的方法
2015/05/22 Python
用ReactJS和Python的Flask框架编写留言板的代码示例
2015/12/19 Python
基础的十进制按位运算总结与在Python中的计算示例
2016/06/28 Python
Python中的id()函数指的什么
2017/10/17 Python
python遍历文件夹下所有excel文件
2018/01/03 Python
Python函数any()和all()的用法及区别介绍
2018/09/14 Python
Linux系统(CentOS)下python2.7.10安装
2018/09/26 Python
详解解决Python memory error的问题(四种解决方案)
2019/08/08 Python
使用Python的Turtle绘制哆啦A梦实例
2019/11/21 Python
从numpy数组中取出满足条件的元素示例
2019/11/26 Python
实现Python与STM32通信方式
2019/12/18 Python
python基于三阶贝塞尔曲线的数据平滑算法
2019/12/27 Python
python获取响应某个字段值的3种实现方法
2020/04/30 Python
Django ORM判断查询结果是否为空,判断django中的orm为空实例
2020/07/09 Python
Vans(范斯)新西兰官方网站:美国原创极限运动品牌
2020/09/19 全球购物
"引用"与多态的关系
2013/02/01 面试题
农村婚礼证婚词
2014/01/10 职场文书
2014年小学美术工作总结
2014/12/20 职场文书
会计专业求职信范文
2015/03/19 职场文书
美德少年事迹材料(2016推荐版)
2016/02/25 职场文书
创业不要错过,这4种餐饮新模式
2019/07/18 职场文书