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 相关文章推荐
用js怎么把&字符换成"&amp:"
Oct 19 Javascript
js数组操作学习总结
Nov 04 Javascript
基于javascript的COOkie的操作实现只能点一次
Dec 26 Javascript
Function.prototype.apply()与Function.prototype.call()小结
Apr 27 Javascript
assert()函数用法总结(推荐)
Jan 25 Javascript
js调用刷新界面的几种方式
May 03 Javascript
实例详解vue.js浅度监听和深度监听及watch用法
Aug 16 Javascript
深入理解 Koa 框架中间件原理
Oct 18 Javascript
实现一个 Vue 吸顶锚点组件方法
Jul 10 Javascript
Net微信网页开发 使用微信JS-SDK获取当前地理位置过程详解
Aug 26 Javascript
js实现圆形显示鼠标单击位置
Feb 11 Javascript
vue实现简易计算器功能
Jan 20 Vue.js
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
咖啡是不是喝了会上瘾?咖啡是必须品吗!
2021/03/04 新手入门
PHP判断是否为空的几个函数对比
2015/04/21 PHP
PHP基于MySQL数据库实现对象持久层的方法
2015/06/17 PHP
PHP随机获取未被微信屏蔽的域名(微信域名检测)
2017/03/19 PHP
Yii框架引入coreseek分页功能示例
2019/02/08 PHP
网页开发中的容易忽略的问题 javascript HTML中的table
2009/04/15 Javascript
学习ExtJS TextField常用方法
2009/10/07 Javascript
js利用与或运算符优先级实现if else条件判断表达式
2010/04/15 Javascript
IE中图片的onload事件无效问题和解决方法
2014/06/06 Javascript
jQuery遍历json中多个map的方法
2015/02/12 Javascript
JavaScript实现向setTimeout执行代码传递参数的方法
2015/04/16 Javascript
基于JavaScript实现全选、不选和反选效果
2017/02/15 Javascript
SpringMVC简单整合Angular2的示例
2017/07/31 Javascript
vue实现长图垂直居上 vue实现短图垂直居中
2017/10/18 Javascript
vue.js项目nginx部署教程
2018/04/05 Javascript
jQuery实现列表的增加和删除功能
2018/06/14 jQuery
AngularJs分页插件使用详解
2018/06/30 Javascript
Vue中Axios从远程/后台读取数据
2019/01/21 Javascript
让mocha支持ES6模块的方法实现
2020/01/14 Javascript
Python绘制3d螺旋曲线图实例代码
2017/12/20 Python
python 从csv读数据到mysql的实例
2018/06/21 Python
利用python实现简易版的贪吃蛇游戏(面向python小白)
2018/12/30 Python
Python字符串逆序输出的实例讲解
2019/02/16 Python
解决Django一个表单对应多个按钮的问题
2019/07/18 Python
如何在Django配置文件里配置session链接
2019/08/06 Python
HTML5实现WebSocket协议原理浅析
2014/07/07 HTML / CSS
HTML5和CSS3实例教程总结(推荐)
2016/07/18 HTML / CSS
TripAdvisor西班牙官方网站:全球领先的旅游网站
2018/01/10 全球购物
世界上第一个创建了罩杯系统的美国内衣品牌:Maidenform
2019/03/23 全球购物
C/C++程序员常见面试题二
2015/11/19 面试题
秋季运动会活动方案
2014/02/05 职场文书
个人专业技术总结
2015/03/05 职场文书
超市采购员岗位职责
2015/04/07 职场文书
2015年司机工作总结
2015/04/23 职场文书
2016大学军训通讯稿
2015/11/25 职场文书
修改MySQL的数据库引擎为INNODB的方法
2021/05/26 MySQL