讲师中心 微信公众号
首页
文章
后端开发 web前端 数据库 开发工具 php框架 常见问题 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 自媒体 新闻
专题
后端开发 web前端 数据库 开发工具 php框架 科技 Java 系统教程 电脑教程 硬件教程 手机教程 软件教程 游戏教程 新闻
AI工具
AI 聊天问答 Agent智能体 AI 文本写作 AI 绘画作图 AI 设计工具 AI 视频创作 AI 音频制作 AI 办公学习 AI 编程开发 Prompt指令
学习
大前端 后端开发 数据库 移动端 运维开发 计算机基础
编程手册
大前端 后端开发 数据库 移动端 运维开发 计算机基础
下载
js特效 网站源码 工具下载 类库下载 网站素材 学习资源 插件扩展 手机游戏
最近更新
首页 > web前端 > js教程 > 正文

childNodes.length与children.length的区别_javascript技巧

php中文网
发布： 2016-05-16 18:53:10
原创
1528人浏览过
因为childNodes包含的不仅仅只有html节点，所有属性，文本等都包含在childNodes里面,你可以通过nodeType来判断是哪种类型的节点，只有当nodeType==1时才使元素节点，2是属性节点，3是文本节点。而children.length只计算节点的数量。
包括进行节点长度的计算，节点的移动时都要注意这一点。
要获得一个元素的文本，比如要获得一个P节点的文本，有的人喜欢使用innerHTML，更改也是一样，其实这不太好，因为使用innerHTML浏览器会认为你要插入的东西是一段标签文本，而你只想插入一段纯文本，这就导致浏览器试图去解析你的那段纯文本，这会造成不必要的资源浪费。所以建议使用element.firstChild.nodeValue,为什么是firstChild呢？因为childNodes[0]就是文本节点，不信你可以看看它的nodeType。
java速学教程(入门到精通)
java速学教程(入门到精通)

java怎么学习？java怎么入门？java在哪学？java怎么学才快？不用担心，这里为大家提供了java速学教程(入门到精通)，有需要的小伙伴保存下载就能学习啦！

下载
来源：php中文网
收藏 点赞
上一篇：javascript select 改变字的颜色_表单特效 下一篇：jquery-1.2.6得到焦点与失去焦点的写法_jquery
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
最新问题
什么是JavaScript的箭头函数_它和普通函数有什么不同呢 箭头函数是JavaScript中语法简洁的函数定义方式，与普通函数的关键区别在于：无独立this、不可作为构造函数、无arguments对象、无new.target和super。
2025-12-15 23:10:02
679
javascript展开运算符是什么_它如何合并数组或对象？ 展开运算符（...）用于将可迭代对象或对象展开为独立元素，实现数组/对象合并、浅拷贝、函数传参等，不修改原数据，仅浅层展开。
2025-12-15 23:10:02
148
javascript如何过滤数组_ filter怎么用 filter是JavaScript数组方法，创建新数组保留回调函数返回true的元素，不修改原数组；回调函数接收element、index、array三个参数，常用于数字、对象、字符串等过滤场景。
2025-12-15 23:09:07
472
javascript如何优化性能_有哪些常见的性能优化技巧 JavaScript性能优化核心是减少执行时间、内存占用和提升响应速度，关键在于提升浏览器解析、执行与渲染效率，涵盖DOM操作优化、事件与内存管理、代码轻量化及加载时机控制。
2025-12-15 23:08:02
290
javascript的JSON是什么_如何解析和序列化数据？ JSON是轻量级文本格式，本质为字符串；需用JSON.parse()解析为对象、JSON.stringify()序列化为字符串；键名须双引号，不支持函数/undefined/单引号/注释；Date等特殊类型需手动处理。
2025-12-15 23:07:21
959
javascript中的属性描述符是什么_如何配置属性？ 属性描述符是JavaScript中定义对象属性行为的配置项，分为数据描述符（含value/writable）和访问器描述符（含get/set），共用enumerable和configurable字段，通过Object.defineProperty等方法设置，默认值需特别注意。
2025-12-15 23:07:02
883
javascript如何操作浏览器本地存储？_javascript中Cookie和LocalStorage怎么选择？ JavaScript本地存储分Cookie、localStorage、sessionStorage：Cookie用于服务端共享小数据并支持安全策略；localStorage持久保存前端字符串数据；sessionStorage仅限当前标签页临时存储。
2025-12-15 23:06:07
912
javascript错误处理怎么做_try catch语句如何使用 JavaScript错误处理核心是try...catch，需写全try、catch、finally三块；可捕获具体错误类型；需主动throw自定义错误；异步错误须用async/await或.catch()处理。
2025-12-15 23:02:02
736
javascript中的Axios是什么_为什么它比Fetch更受欢迎 Axios是基于Promise的HTTP客户端，封装XMLHttpRequest和http/https，支持浏览器与Node.js，自动解析JSON、错误状态抛异常、提供请求/响应拦截器、兼容IE11、内置取消请求与超时控制，工程化优势显著。
2025-12-15 23:01:02
305
如何深度克隆对象_javascript中复制对象的方法有哪些？ JavaScript中无原生深度克隆方法，常用方案有：JSON.parse(JSON.stringify())（简单但局限多）、structuredClone()（现代环境首选，支持循环引用及多种内置类型）、递归手写（完全可控）、lodash.cloneDeep()（生产环境稳定可靠）。
2025-12-15 23:00:02
813
相关专题
更多>
热门推荐
开源免费商场系统广告
热门教程
更多>
相关推荐
热门推荐
最新课程
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新 English
php中文网：公益在线php培训，帮助PHP学习者快速成长！
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号

  • PHP学习

  • 技术支持

  • 返回顶部