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 相关文章推荐
JQuery 网站换肤功能实现代码
Nov 02 Javascript
js获取网页高度(详细整理)
Dec 28 Javascript
JS实现很酷的水波文字特效实例
Feb 26 Javascript
jQuery实现冻结表头的方法
Mar 09 Javascript
jQuery的文档处理程序详解
May 10 Javascript
jQuery插件easyUI实现通过JS显示Dialog的方法
Sep 16 Javascript
node.js + socket.io 实现点对点随机匹配聊天
Jun 30 Javascript
vue中各组件之间传递数据的方法示例
Jul 27 Javascript
jQuery代码优化方法总结
Jan 29 jQuery
Vue递归实现树形菜单方法实例
Nov 06 Javascript
js实现随机div颜色位置 类似满天星效果
Oct 24 Javascript
Vue管理系统前端之组件拆分封装详解
Aug 23 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
其他功能
2006/10/09 PHP
PHP音乐采集(部分代码)
2007/02/14 PHP
php安全之直接用$获取值而不$_GET 字符转义
2012/06/03 PHP
PHP Warning: Module 'modulename' already loaded in问题解决办法
2015/03/16 PHP
PHP设计模式之装饰器模式实例详解
2018/02/07 PHP
js拦截alert对话框另类应用
2013/01/16 Javascript
JQuery动画和停止动画实例代码
2013/03/01 Javascript
javascript中拼接HTML字符串的最快、最好的方法
2014/06/07 Javascript
基于Flowplayer打造一款免费的WEB视频播放器附源码
2015/09/06 Javascript
15个常用的jquery代码片段
2015/12/19 Javascript
原生JS和jQuery版实现文件上传功能
2016/04/18 Javascript
JS生成不重复的随机数组的简单实例
2016/07/10 Javascript
jQuery删除节点用法示例(remove方法)
2016/09/08 Javascript
VUE + UEditor 单图片跨域上传功能的实现方法
2018/02/08 Javascript
Js经典案例的实例代码
2018/05/10 Javascript
jQuery内容过滤选择器与子元素过滤选择器用法实例分析
2019/02/20 jQuery
vue-loader中引入模板预处理器的实现
2019/09/04 Javascript
深入浅析vue中cross-env的使用
2019/09/12 Javascript
js简单粗暴的发布订阅示例代码
2021/01/23 Javascript
[01:01:13]2018DOTA2亚洲邀请赛 4.5 淘汰赛 Mineski vs VG 第三场
2018/04/06 DOTA
[43:41]OG vs Newbee 2019国际邀请赛淘汰赛 胜者组 BO3 第一场 8.21.mp4
2020/07/19 DOTA
Python 过滤字符串的技巧,map与itertools.imap
2008/09/06 Python
Python多线程学习资料
2012/12/19 Python
Python中for循环详解
2014/01/17 Python
用Python和MD5实现网站挂马检测程序
2014/03/13 Python
Python中urllib2模块的8个使用细节分享
2015/01/01 Python
Python的动态重新封装的教程
2015/04/11 Python
pygame学习笔记(6):完成一个简单的游戏
2015/04/15 Python
Tensorflow tf.tile()的用法实例分析
2020/05/22 Python
python exit出错原因整理
2020/08/31 Python
日本最大的药妆连锁店:Matsukiyo松本清药妆店
2017/11/23 全球购物
日本热销NO.1胶原蛋白冻:Aishitoto爱希特多
2019/06/20 全球购物
联谊活动总结
2014/08/28 职场文书
大学生党校培训心得体会
2014/09/11 职场文书
浅谈mysql哪些情况会导致索引失效
2021/11/20 MySQL
Windows Server 2012 R2服务器安装与配置的完整步骤
2022/07/15 Servers