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 相关文章推荐
gridpanel动态加载数据的实例代码
Jul 18 Javascript
jquery中的$(document).ready()使用小结
Feb 14 Javascript
浅析javascript中的DOM
Mar 01 Javascript
Javascript中With语句用法实例
May 14 Javascript
对Angular.js Controller如何进行单元测试
Oct 25 Javascript
axios基本入门用法教程
Mar 25 Javascript
vue.js实现的绑定class操作示例
Jul 06 Javascript
Vue.js单向绑定和双向绑定实例分析
Aug 14 Javascript
vue-cli脚手架引入弹出层layer插件的几种方法
Jun 24 Javascript
基于layui的下拉列表的数据回显方法
Sep 24 Javascript
JavaScript console的使用方法实例分析
Apr 28 Javascript
vue使用nprogress加载路由进度条的方法
Jun 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
一个PHP+MSSQL分页的例子
2006/10/09 PHP
ThinkPHP中公共函数路径和配置项路径的映射分析
2014/11/22 PHP
laravel 5 实现模板主题功能(续)
2015/03/02 PHP
php实现的微信红包算法分析(非官方)
2015/09/25 PHP
ThinkPHP框架安全实现分析
2016/03/14 PHP
PHP输出Excel PHPExcel的方法
2018/07/26 PHP
Thinkphp 框架配置操作之动态配置、扩展配置及批量配置实例分析
2020/05/15 PHP
jquery animate 动画效果使用说明
2009/11/04 Javascript
分页栏的web标准实现
2011/11/01 Javascript
如何使用json在前后台进行数据传输实例介绍
2013/04/11 Javascript
jQuery中.live()方法的用法深入解析
2013/12/30 Javascript
jQuery匹配文档链接并添加class的方法
2015/06/26 Javascript
详解js跨域原理以及2种解决方案
2015/12/09 Javascript
3种不同的ContextMenu右键菜单实现代码
2016/11/03 Javascript
JavaScript中动态向表格添加数据
2017/01/24 Javascript
微信小程序如何获取手机验证码
2018/11/04 Javascript
深入理解Node内建模块和对象
2019/03/12 Javascript
Vue开发Html5微信公众号的步骤
2019/04/11 Javascript
vue ssr+koa2构建服务端渲染的示例代码
2020/03/23 Javascript
关于vue-cli3打包代码后白屏的解决方案
2020/09/02 Javascript
[57:53]DOTA2上海特级锦标赛主赛事日 - 2 败者组第二轮#3OG VS VP
2016/03/03 DOTA
使用Python生成XML的方法实例
2017/03/21 Python
10款最好的Python开发编辑器
2019/07/03 Python
Python+Selenium使用Page Object实现页面自动化测试
2019/07/14 Python
python爬虫项目设置一个中断重连的程序的实现
2019/07/26 Python
Python类中方法getitem和getattr详解
2019/08/30 Python
flask框架json数据的拿取和返回操作示例
2019/11/28 Python
selenium 多窗口切换的实现(windows)
2020/01/18 Python
PyCharm无法引用自身项目解决方式
2020/02/12 Python
Python实现数字的格式化输出
2020/08/01 Python
斯凯奇澳大利亚官网:SKECHERS澳大利亚
2018/03/31 全球购物
什么是Deployment descriptors;都有什么类型的部署描述符
2015/07/28 面试题
学校安全工作制度
2014/01/19 职场文书
司法局火灾防控方案
2014/06/05 职场文书
三好学生主要事迹材料
2015/11/03 职场文书
mysql数据库入门第一步之创建表
2021/05/14 MySQL