node与Elment以及子节点childrenNode与children的区别

最新推荐文章于 2023-06-08 20:34:32 发布
最新推荐文章于 2023-06-08 20:34:32 发布
阅读量342 收藏
点赞数
分类专栏： javascript 文章标签： html javascript
原文链接：https://www.cnblogs.com/Coolkaka/p/5739808.html
版权

测试代码:

复制代码

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<ul id="ul1">
    <li>x</li>
    <li>x</li>
    <li>x</li>
    <li>x</li>
</ul>
<script>
  alert("childrenNodes:"+ document.getElementById("ul1").childNodes.length+"    children:"+ document.getElementById("ul1").children.length)
</script>
</body>
</html>

以上的结果为两种结果

childrenNodes：9    children:4   IE
childrenNodes：4    children:4   谷歌
概念:NODE指的是所有节点（包括回车换行），而Elment仅仅是HTML节点也就是我们常说的元素.因为所有的节点都类型，W3C定义类型如下
kgdrdfeyve
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JS之DOM节点操作1
weixin_53317758的博客
05-19 275
节点操作 为什么学节点操作: 获取元素通常使用两种方法 1.利用DOM提供的方法获取元素 document.getElementById() document.getElelementsByTagName() document.querySlector 等 逻辑性不强，操作繁琐 2.利用节点层级关系获取元素 利用父子兄节点关系获取元素 例如获取li只要 得到ul的children即可 逻辑性强，但兼容性稍微差 这两种方法都可以获取元素节点，后
elasticsearch 集群主节点与子节点配置文件
03-05
# 节点名称 node.name: rick node.master: true node.data: false network.bind_host: 192.168.1.24 network.host: 192.168.1.25 http.port: 9200 transport.tcp.port: 9300 discovery.zen.ping.unicast.hosts: [...
java解析XML Node与Element的区别(推荐)
08-28
下面小编就为大家分享一篇java解析XML Node与Element的区别，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
children和childNodes的区别
qq_45830543的博客
09-12 1242
在我写东西的过程中用到了childNodes,当我用这个childNodes来获取我想要的ul下的li集合时，总是会报错；于是我试着把它打印出来看看它里面装的是什么，原本是应该得到的是ul下的四个li，但是当我打印的时候，发现它得到了一个长度为9的数组; 于是我发现用childrenNodes来获取时它会把父节点下的空格也当做一个文本键获取到。 如图： 于是我尝试使用children来获取到我想要的li集合；它成功获取到ul下的li集合。 我们此时可以发现children它返回的只是HTML元素节
从element与node看node.childNodes和node.children 区别
zhuanggenhua的博客
06-08 229
node.childNodes和node.children 区别 children返回HTMLCollection，是一个动态集合，随dom树更新。childNodes返回的NodeList不会 children返回的只是元素节点，childNodes还包括文本节点等等 即children得到的是Element的属性，childNodes得到的是Node的属性 引申：element和node的区别 Node(节点)是DOM层次结构中的任何类型的对象的通用名称，Node有很多类型，如元素节点，属性节点，
elementui级联选择器空children导致选择无法显示的问题
qq_42365842的博客
07-23 2109
问题 elementui接收树形结构的数据并用级联选择器显示时，后端会对每一个结点都加一个children属性，导致显示错误并且选择无效。 解决方式 这个时候，既可以前端工程循环遍历将children属性置为null，也可以在后端工程建立树形结构时对叶子节点的children赋值null。 修改结果： ...
Js中childNode与children的区别
qq_43690370的博客
06-16 3431
childNodes: 标准的，它返回指定元素的子元素集合，包括html节点，所有属性，文本。可以通过nodeType来判断是哪种类型的节点，只有当nodeType==1时才是元素节点，2是属性节点，3是文本节点。如果代码中有换行、空格就会增加文本节点，这样用它来返回真正的子节点就会不准确，具体见下面的例子。 除了IE9和Firefox，其他浏览器都支持通过childNodes[i]获取第i个子节点。 children: 非标准的，它返回指定元素的子元素集合。经测试，它只返回html节点，甚至不返回文本节点
基于 Vue 和 Node 的教务管理系统设计与实现
最新发布
06-09
基于 Vuejs 和 Nodejs 的教务管理系统设计与实现的论文 后端：mongodb+nodejs+express 前端：vuejs+elementUI
node-server:学习节点与快速表达
04-29
在本地启动服务器： npm start
Vue-element-admin安装与问题解决
01-07
cd vue-element-admin # 安装依赖 npm install # 建议不要直接使用 cnpm 安装依赖，会有各种诡异的 bug。可以通过如下操作解决 npm 下载速度慢的问题 npm install --registry=https://registry.npm.taobao.org # ...
children()和children以及childrenNode的区别
长河落日的博客
10-21 3788
&lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;遍历节点&lt;/title&gt; &lt;script src="js/Jquery.min.js" type="text/javascript"
如何实现浏览器兼容版的element.children
yihuoZhou的博客
05-23 1816
element.children这个获取节点子节点的方法支持ie9及以上版本，为了能够兼容低版本的ie，可参考一下的代码实现兼容，具体的参考资料是MDN上的实现方法：// Overwrites native 'children' prototype. // Adds Document & DocumentFragment support for IE9 & Safari. // Returns ar
实现浏览器兼容版的element.children
水荷的博客
08-29 1798
element.children能够获取元素的元素子节点，但是低版本的ie不支持，兼容实现：//声明一个函数,可以完成element.children相似的功能 function getChildElementNodes(element) { //第一步是条件语句来判断浏览器是否支持element.children属性 //如果支持呢，
JavaScript之childNodes 和 children 区别
LVXIANGAN的专栏
07-24 7490
 1、先让我们来看看childNodes的用法，以及是如何计算节点数量：   为什么输出是7而不是3呢？原来Internet Explorer 会忽略节点之间生成的空白文本节点（比如换行字符），而 Mozilla 不这么做。   2、两者区别： children() 方法返回被选元素的所有直接子元素。因此上面直接输出3。 注意：children()在...
关于childNodes及children的区别（图文结合）
look55的博客
04-07 3411
在定义上来说childNodes是属于一种标准型属性，它会计算上包括空格的所有节点，所以在选择childNodes[i]时，我认为是一件比较麻烦的事情。而children是属于非标准型，不过它还是依旧可以被所有的浏览器所支持，在选择children[i]时，我以为还是好很多。接下来用图文说明两者区别可能会更加好理解。
children与childNodes的区别
热门推荐
银贝斯的专栏
09-07 1万+
乍一看  感觉一样  平时用的时候也没怎么留意 其实区别还是有点儿大    传言啊  这个 childNodes是正统属性   亲生的    而这个children是野孩子    这个野孩子比较随意   所以用它返回来的就只有DOM元素了  其他的文字啥的   都不返回    而 childNodes比较讲究   事无巨细  都要返回来    但
javascript中childNodes与children的区别
weixin_30609331的博客
05-14 471
1、childNodes：获取节点，不同浏览器表现不同； 　　IE：只获取元素节点； 　　非IE：获取元素节点与文本节点； 　　解决方案：if(childNode.nodeName=="#text") continue 或者 if(childNode.nodeType != '3')continue 2、children：获取元素节点，浏览器表现相同。 　　因此建议使用childre...
JS children和childNodes的区别
xx_xiaoxinxiansen的博客
07-25 1万+
属性介绍 children children：返回父元素所有的直系子节点的集合，注意，children只返回HTML元素节点，不包括文本节点和属性节点。 childNodes childNodes：返回父元素所有的直系子节点的集合，注意，与children不同的是，childNodes会返回HTML元素节点，属性节点，文本节点。 代码演示<!DOCTYPE html> <html> <h
children和childNodes
weixin_34405332的博客
03-11 234
1，childNodes 属性，标准的，它返回指定元素的子元素集合，包括HTML节点，所有属性，文本。可以通过nodeType来判断是哪种类型的节点，只有当nodeType==1时才是元素节点，2是属性节点，3是文本节点。有些人错误的使用()去取该集合元素，下表列出各浏览器对childNodes(i)的支持情况： IE6/7/8/Safari/Chrome/Opera IE9/...
python的node.children是获取相邻子节点吗
05-30
不是的，Python 中的 `node.children` 是获取节点的所有子节点，而不是相邻的兄弟节点。 在 Python 中，我们可以通过 `list` 类型来实现一个节点的所有子节点，因此 `node.children` 返回的是一个列表，包含了该节点的所有子节点。具体来说，我们可以通过 `append()` 方法向 `node.children` 列表中添加新的子节点，通过 `len()` 方法获取子节点的数量，也可以通过 `for` 循环遍历所有的子节点。例如： ```python class Node: def __init__(self, value): self.value = value self.children = [] # 创建一个根节点 root = Node(1) # 添加两个子节点 root.children.append(Node(2)) root.children.append(Node(3)) # 遍历所有子节点 for child in root.children: print(child.value) ``` 这段代码中，我们首先创建了一个根节点 `root`，然后通过 `root.children.append()` 方法向该节点添加两个子节点。最后通过 `for` 循环遍历所有子节点，并输出它们的值。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值