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 相关文章推荐
围观tangram js库
Dec 28 Javascript
JS JSOP跨域请求实例详解
Jul 04 Javascript
基于bootstrap的选择框插件icheck
Dec 23 Javascript
AngularJS的脏检查深入分析
Apr 22 Javascript
基于 Vue 实现一个酷炫的 menu插件
Nov 14 Javascript
详解vue+vuex+koa2开发环境搭建及示例开发
Jan 22 Javascript
AngularJS对动态增加的DOM实现ng-keyup事件示例
Mar 12 Javascript
详解Vue基于 Nuxt.js 实现服务端渲染(SSR)
Apr 05 Javascript
详解vuex之store源码简单解析
Jun 13 Javascript
react用Redux中央仓库实现一个todolist
Sep 29 Javascript
jQuery实现颜色打字机的完整代码
Mar 19 jQuery
Auto.JS实现抖音刷宝等刷视频app,自动点赞,自动滑屏,自动切换视频功能
May 08 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制作新闻系统的思路
2006/10/09 PHP
php 操作数组(合并,拆分,追加,查找,删除等)
2012/07/20 PHP
PHP中怎样保持SESSION不过期 原理及方案介绍
2013/08/08 PHP
Windows和Linux中php代码调试工具Xdebug的安装与配置详解
2014/05/08 PHP
详解PHP匿名函数与注意事项
2016/03/29 PHP
javascript 函数调用规则
2009/08/26 Javascript
Javascript 网页水印(非图片水印)实现代码
2010/03/01 Javascript
基于JQuery的Select选择框的华丽变身
2011/08/23 Javascript
通过JavaScript控制字体大小的代码
2011/10/04 Javascript
window.open打开页面居中显示的示例代码
2013/12/27 Javascript
购物车选中得到价格实现示例
2014/01/26 Javascript
nodejs命令行参数处理模块commander使用实例
2014/09/17 NodeJs
js实现简单的可切换选项卡效果
2015/04/10 Javascript
JS实用的动画弹出层效果实例
2015/05/05 Javascript
详解javascript实现瀑布流绝对式布局
2016/01/29 Javascript
JS实现星星评分功能实例代码(两种方法)
2016/06/09 Javascript
javascript 秒表计时器实现代码
2017/03/09 Javascript
使用nodejs爬取前程无忧前端技能排行
2017/05/06 NodeJs
vue+axios实现登录拦截的实例代码
2017/05/22 Javascript
微信小程序获取手机号授权用户登录功能
2017/11/09 Javascript
angular6 填坑之sdk的方法
2018/12/27 Javascript
vue组件化中slot的基本使用方法
2019/05/01 Javascript
javascript实现电商放大镜效果
2020/11/23 Javascript
python自定义类并使用的方法
2015/05/07 Python
Python和JavaScript间代码转换的4个工具
2016/02/22 Python
解决pytorch DataLoader num_workers出现的问题
2020/01/14 Python
Django-xadmin后台导入json数据及后台显示信息图标和主题更改方式
2020/03/11 Python
CSS Grid布局教程之网格单元格布局
2014/12/30 HTML / CSS
小学科学教学反思
2014/01/26 职场文书
铁路安全事故反思
2014/04/26 职场文书
幼儿园标语大全
2014/06/19 职场文书
三峡大坝导游词
2015/01/31 职场文书
2015年化工厂工作总结
2015/05/04 职场文书
幼儿园园长安全责任书
2015/05/08 职场文书
html5调用摄像头实例代码
2021/06/28 HTML / CSS
css3 文字断裂效果
2022/04/22 HTML / CSS