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一个无懈可击的实例化XMLHttpRequest的方法
Oct 13 Javascript
读jQuery之三(构建选择器)
Jun 11 Javascript
jquery设置元素的readonly和disabled的写法
Sep 22 Javascript
Javascript中的getUTCHours()方法使用详解
Jun 10 Javascript
jQuery插件zTree实现获取当前选中节点在同级节点中序号的方法
Mar 08 Javascript
Vue 单文件中的数据传递示例
Mar 21 Javascript
AngularJS中使用ngModal模态框实例
May 27 Javascript
详解vue-cli + webpack 多页面实例配置优化方法
Jul 13 Javascript
Vue中如何实现轮播图的示例代码
Jul 27 Javascript
JS处理数据四舍五入(tofixed与round的区别详解)
Oct 26 Javascript
json数据传到前台并解析展示成列表的方法
Aug 06 Javascript
浅谈React碰到v-if
Nov 04 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
php getimagesize 上传图片的长度和宽度检测代码
2010/05/15 PHP
php 计划任务 检测用户连接状态
2012/03/29 PHP
php通过字符串调用函数示例
2014/03/02 PHP
解决nginx不支持thinkphp中pathinfo的问题
2015/07/21 PHP
ThinkPHP5 的简单搭建和使用详解
2018/11/15 PHP
laravel5.5添加echarts实现画图功能的方法
2019/10/09 PHP
JS Array对象入门分析
2008/10/30 Javascript
Js 随机数产生6位数字
2010/05/13 Javascript
JS仿flash上传头像效果实现代码
2011/07/18 Javascript
js关闭当前页面(窗口)的几种方式总结
2013/03/05 Javascript
基于JavaScript实现继承机制之构造函数方法对象冒充的使用详解
2013/05/07 Javascript
如何防止回车(enter)键提交表单
2014/05/11 Javascript
JavaScript简介
2015/02/15 Javascript
jquery判断至少有一个checkbox被选中的方法
2015/06/05 Javascript
jquery分割字符串的方法
2015/06/24 Javascript
Bootstrap每天必学之js插件
2015/11/30 Javascript
js实现文本上下来回滚动
2017/02/03 Javascript
解决vue中无法动态修改jqgrid组件 url地址的问题
2018/03/01 Javascript
微信小程序实现跑马灯效果完整代码(附效果图)
2018/05/30 Javascript
vue中vee validate表单校验的几种基本使用
2018/06/25 Javascript
你或许不知道的一些npm实用技巧
2019/07/04 Javascript
基于webpack4+vue-cli3项目实现换肤功能
2019/07/17 Javascript
es6函数之箭头函数用法实例详解
2020/04/25 Javascript
vue中使用echarts的示例
2021/01/03 Vue.js
vue+element table表格实现动态列筛选的示例代码
2021/01/14 Vue.js
vue 数据双向绑定的实现方法
2021/03/04 Vue.js
python 使用sys.stdin和fileinput读入标准输入的方法
2018/10/17 Python
Python处理时间日期坐标轴过程详解
2019/06/25 Python
python 字段拆分详解
2019/12/17 Python
解决pycharm中导入自己写的.py函数出错问题
2020/02/12 Python
django 模版关闭转义方式
2020/05/14 Python
pycharm专业版远程登录服务器的详细教程
2020/09/15 Python
计算机专业毕业生自荐信范文
2014/03/06 职场文书
北大自主招生自荐信
2015/03/04 职场文书
2016暑期社会实践新闻稿
2015/11/25 职场文书