html dom节点源码,HTML DOM children 属性

Dear 丶 2022-10-09 15:18 158阅读 0赞

HTML DOM children 属性

元素对象

实例

获取 body 元素的子元素集合：

var c = document.body.children;

定义和用法

children 属性返回元素的子元素的集合，是一个 HTMLCollection 对象。

提示: 根据子元素在元素中出现的先后顺序进行排序。使用 HTMLCollection对象的 length属性获取子元素的数量，然后使用序列号(index，起始值为0)访问每个子元素。

children 属性与 childNodes 属性的差别：

childNodes 属性返回所有的节点，包括文本节点、注释节点；

children 属性只返回元素节点；

浏览器支持

属性

children

2.0

9.0\*

3.5

4.0

10.0

注：IE6 到 IE8 完全支持 children 属性，但是，返回元素节点和注释节点，IE9 以上版本只返回元素节点。

语法

element.children

技术细节

返回值：

HTMLCollection 对象，表示一个元素节点的集合，元素在集合中的顺序是在源码中的顺序。

DOM 版本

DOM 1

更多实例

实例

查看 div 有几个子元素：

var c = document.getElementById("myDIV").children.length;

实例

修改 div 元素第二个子元素的背景颜色：

var c = document.getElementById("myDIV").children;

c\[1\].style.backgroundColor = "yellow";

实例

获取 select 元素中第三个(索引为 2) 子元素的文本：

var c = document.getElementById("mySelect").children;

document.getElementById("demo").innerHTML = c\[2\].text;

实例

修改 body 元素所有子元素的背景颜色：

var c = document.body.children;

var i;

for (i = 0; i < c.length; i++) \{

c\[i\].style.backgroundColor = "red";

\}\[/xml\]

元素对象

发表评论取消回复

表情：

评论列表（有 0 条评论，158人围观）

还没有评论，来说两句吧...

相关阅读

相关 HTML DOM style属性操作

dom.style.property:通过元素的style属性间接操作css样式一，修改颜色 title.style.color：修改节点的颜色 <...

た入场券/ 2024年04月19日 10:47/ 0 赞/ 41 阅读

相关 HTML DOM 节点元素操作

一，判断属性 hasAttribute(‘属性名’) ：判断是否有某个属性 //3,判断属性是否存在 console.log(h1.hasAttri...

悠悠/ 2024年04月19日 10:47/ 0 赞/ 39 阅读

相关 HTML DOM节点操作

一，节点内容 innerHTML设置节点内容 <body> <div id="div"> 节点内容 ...

绝地灬酷狼/ 2024年04月19日 09:35/ 0 赞/ 33 阅读

相关 HTML DOM节点选择器

一，id获得元素 <body> <div id="div"> id获得元素 </div> </...

港控/mmm°/ 2024年04月19日 09:34/ 0 赞/ 24 阅读

相关 HTML DOM节点概述

一，概述 DOM是中立于平台和语言的接口，它允许程序和脚本动态地访问和更新文档的内容、结构和样式。 DOM 标准被分为 3 个不同的部分： 1. 核心 DOM ...

「爱情、让人受尽委屈。」/ 2024年04月19日 09:29/ 0 赞/ 32 阅读

相关 html dom节点源码,HTML DOM children 属性

HTML DOM children 属性元素对象实例获取 body 元素的子元素集合： var c = document.body.children; 定义和用

Dear 丶/ 2022年10月09日 15:18/ 0 赞/ 159 阅读

相关 JavaScript HTML DOM 元素（节点）

JavaScript HTML DOM 元素（节点） -------------------- 添加和删除节点（HTML 元素）。创建新的 HTML 元素如

梦里梦外;/ 2022年09月29日 14:51/ 0 赞/ 299 阅读

相关 DOM节点属性

1.getAttribute("属性") 2.setAttribute ("属性"，"属性值") 属性可视为元素节点的子节点 3.c

末蓝、/ 2022年06月14日 05:36/ 0 赞/ 284 阅读

相关 DOM节点属性

原文：[https://blog.csdn.net/yiren\_99/article/details/47843879][https_blog.csdn.net_yiren_

ゝ一纸荒年。/ 2022年02月18日 23:09/ 0 赞/ 299 阅读

相关 html DOM

在 HTML 中 DOM（文档对象模型）是 Web 前端里最基础、最常用的—模型。例如，一个网页其实就是一个 HTML 文件，经过浏览器的解析，最终呈现在用户面前。 HTM

╰+攻爆jí腚メ/ 2021年10月14日 04:46/ 0 赞/ 312 阅读