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自动显示最后更新时间
Mar 15 Javascript
JavaScript获取网页表单提交方式的方法
Apr 02 Javascript
jQuery中$(function() {});问题详解
Aug 10 Javascript
JavaScript的removeChild()函数用法详解
Dec 27 Javascript
老生常谈 关于JavaScript的类的继承
Jun 24 Javascript
基于jQuery的ajax方法封装
Jul 14 Javascript
Javascript 事件冒泡机制详细介绍
Oct 10 Javascript
vue2导航根据路由传值,而改变导航内容的实例
Nov 10 Javascript
Layui数据表格 前后端json数据接收的方法
Sep 19 Javascript
Vue在chrome44偶现点击子元素事件无法冒泡的解决方法
Dec 15 Javascript
JavaScript数组排序小程序实现解析
Jan 13 Javascript
React列表栏及购物车组件使用详解
Jun 28 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实现用户在线时间统计详解
2011/10/08 PHP
PHP中使用数组实现堆栈数据结构的代码
2012/02/05 PHP
php 文件上传实例代码
2012/04/19 PHP
Javascript YUI 读码日记之 YAHOO.util.Dom - Part.2 0
2008/03/22 Javascript
js获取TreeView控件选中节点的Text和Value值的方法
2012/11/24 Javascript
js将json格式内容转换成对象的方法
2013/11/01 Javascript
jquery制作搜狐快站页面效果示例分享
2014/02/21 Javascript
JS实现带提示的星级评分效果完整实例
2015/10/30 Javascript
JQuery点击行tr实现checkBox选中的简单实例
2016/05/26 Javascript
JS实现列表的响应式排版(推荐)
2016/09/01 Javascript
原生js实现返回顶部缓冲效果
2017/01/18 Javascript
vue实现前进刷新后退不刷新效果
2018/01/26 Javascript
bing Map 在vue项目中的使用详解
2018/04/09 Javascript
BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑
2019/09/05 Javascript
vue单元格多列合并的实现
2020/11/26 Vue.js
python实现将英文单词表示的数字转换成阿拉伯数字的方法
2015/07/02 Python
在win和Linux系统中python命令行运行的不同
2016/07/03 Python
python实现随机梯度下降(SGD)
2020/03/24 Python
使用Python爬取最好大学网大学排名
2018/02/24 Python
python 中的列表生成式、生成器表达式、模块导入
2019/06/19 Python
Django xadmin开启搜索功能的实现
2019/11/15 Python
pytorch程序异常后删除占用的显存操作
2020/01/13 Python
python3 通过 pybind11 使用Eigen加速代码的步骤详解
2020/12/07 Python
一款超酷的js+css3实现的3D标签云特效兼容ie7/8/9
2013/11/18 HTML / CSS
跑鞋、网球鞋、网球拍、服装及装备:Holabird Sports
2016/09/19 全球购物
《长相思》听课反思
2014/04/10 职场文书
大学专科求职信
2014/07/02 职场文书
简单租房协议书范本
2014/08/20 职场文书
2015新年寄语(一句话)
2014/12/08 职场文书
五四青年节比赛演讲稿
2015/03/18 职场文书
学生犯错保证书
2015/05/09 职场文书
我是特种兵观后感
2015/06/11 职场文书
教师节大会主持词
2015/07/06 职场文书
Python中快速掌握Data Frame的常用操作
2021/03/31 Python
jquery插件实现搜索历史
2021/04/24 jQuery
springboot临时文件存储目录配置方式
2021/07/01 Java/Android