当前位置: 开发笔记 > 前端 > 正文

childNodes.length与children.length的区别

作者：横店东磁何静 | 来源：互联网 | 2022-10-28 19:11

包含的不仅仅只有，所有属性，文本等都包含在,来判断是哪种类型的节点，只有当2是文本节点。而要获得一个元素的文本，比如要获得一个innerHT

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

html

推荐阅读

html
解决 PHP 中 Zend_Controller_Response_Exception 头信息发送问题

本文探讨了在 PHP 的 Zend 框架下，使用 PHPUnit 进行单元测试时遇到的 Zend_Controller_Response_Exception 错误，并提供了解决方案。 ... [详细]

蜡笔小新 2024-11-24 20:41:05
css
探索OpenWrt中的LuCI框架

本文深入探讨了OpenWrt系统中轻量级HTTP服务器uhttpd的工作原理及其配置，重点介绍了LuCI界面的实现机制。 ... [详细]

蜡笔小新 2024-11-24 20:29:37
css
GNU/Linux系统中动态库搜索路径的指定与管理

本文概述了在GNU/Linux系统中，动态库在链接和运行阶段的搜索路径及其指定方法，包括通过编译时参数、环境变量及系统配置文件等方式来控制动态库的查找路径。 ... [详细]

蜡笔小新 2024-11-24 15:56:16
css
创建适用于UEFI系统的Windows Server 2008 R2安装U盘

本文详细介绍了如何使用Rufus工具制作一个兼容UEFI启动模式的Windows Server 2008 R2安装U盘，包括必要的软件和步骤。 ... [详细]

蜡笔小新 2024-11-24 15:19:13
css
Python 计算两个时间戳之间的毫秒差

本文介绍如何使用 Python 计算两个时间戳之间的时间差，并将其转换为毫秒。示例代码展示了如何通过 `time` 和 `datetime` 模块实现这一功能。 ... [详细]

蜡笔小新 2024-11-24 15:15:36
build
树剖||树链剖分||线段树||BZOJ4034||Luogu3178||[HAOI2015]树上操作

题面：P3178[HAOI2015]树上操作好像其他人都嫌这道题太容易了懒得讲，好吧那我讲。题解：第一个操作和第二个操作本质上是一样的&# ... [详细]

蜡笔小新 2024-11-24 15:06:53
button
使用jQuery与百度地图API实现地址转经纬度功能

本文详细介绍了如何利用jQuery和百度地图API将地址转换为经纬度，包括申请API密钥、页面构建及核心代码实现。 ... [详细]

蜡笔小新 2024-11-24 14:33:10
正则
正则表达式入门指南

本文基于《正则表达式必知必会》（作者：Ben Forta，译者：杨涛），介绍了正则表达式的基本概念及其应用，包括搜索与替换功能，以及元字符的分类与使用。 ... [详细]

蜡笔小新 2024-11-24 13:00:07
css
使用 ModelAttribute 实现页面数据自动填充

本文介绍了如何利用 Spring MVC 中的 ModelAttribute 注解，在页面跳转后自动填充表单数据。主要探讨了两种实现方法及其背后的原理。 ... [详细]

蜡笔小新 2024-11-24 12:55:24
css
使用REM和媒体查询实现响应式布局

本文介绍如何利用REM单位和媒体查询（Media Queries）来创建适应不同屏幕尺寸的网页布局。通过具体示例，展示在不同屏幕宽度下如何调整页面元素的样式。 ... [详细]

蜡笔小新 2024-11-24 12:50:22
css
SPFA算法详解与应用

当图中包含负权边时，传统的最短路径算法如Dijkstra不再适用，而Bellman-Ford算法虽然能解决问题，但其时间复杂度过高。SPFA算法作为一种改进的Bellman-Ford算法，能够在多数情况下提供更高效的解决方案。本文将详细介绍SPFA算法的原理、实现步骤及其应用场景。 ... [详细]

蜡笔小新 2024-11-24 12:40:02
css
深入解析HashMap与HashTable的区别

本文详细对比了HashMap和HashTable在多线程环境下的安全性、对null值的支持、性能表现以及方法同步等方面的特点，帮助开发者根据具体需求选择合适的数据结构。 ... [详细]

蜡笔小新 2024-11-24 12:24:40
label
为何引入jQuery UI自动完成功能后，我的列表框也受到影响？

我在尝试将组合框转换为具有自动完成功能时遇到了一个问题，即页面上的列表框也被转换成了自动完成下拉框，而不是保持原有的多选列表框形式。 ... [详细]

蜡笔小新 2024-11-24 12:02:48
label
深入解析Socket结构与实现

本文详细介绍了Socket在Linux内核中的实现机制，包括基本的Socket结构、协议操作集以及不同协议下的具体实现。通过这些内容，读者可以更好地理解Socket的工作原理。 ... [详细]

蜡笔小新 2024-11-24 12:00:27
label
Android 开发技巧：动态修改 strings.xml 文件中的字符串值

本文介绍了一种在 Android 开发中动态修改 strings.xml 文件中字符串值的有效方法。通过使用占位符，开发者可以在运行时根据需要填充具体的值，从而提高应用的灵活性和可维护性。 ... [详细]

蜡笔小新 2024-11-24 11:51:17

横店东磁何静

这个家伙很懒，什么也没留下！

Tags | 热门标签

RankList | 热门文章