JavaScript 67 JavaScript HTML DOM 67.13 JavaScript HTML DOM 集合

JavaScript 67 JavaScript HTML DOM 67.13 JavaScript HTML DOM 集合
JavaScript
文章目录
- JavaScript
  67 JavaScript HTML DOM
  67.13 JavaScript HTML DOM 集合
  67.13.1 HTMLCollection 对象
  67.13.2 HTML HTMLCollection 长度
  67.13.3 HTMLCollection 并非数组！
67 JavaScript HTML DOM

67.13 JavaScript HTML DOM 集合

67.13.1 HTMLCollection 对象

getElementsByTagName() 方法返回 HTMLCollection 对象。

HTMLCollection 对象是类数组的 HTML 元素列表（集合）。

下面的代码选取文档中的所有
元素：
```
var x = document.getElementsByTagName("p");
1
```
该集合中的元素可通过索引号进行访问。【从0开始索引】
```
DOCTYPE html>
<html>
<body>

<h1>JavaScript HTML DOMh1>

<p>Hello World!p>

<p>Hello China!p>

<p id="demo">p>

<script>
var myCollection = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML =
"第二段的 innerHTML 是：" +
myCollection[1].innerHTML;
script>

body>
html>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
```
67.13.2 HTML HTMLCollection 长度

length 属性定义了 HTMLCollection 中元素的数量：
```
var myCollection = document.getElementsByTagName("p");
document.getElementById("demo").innerHTML = myCollection.length; 
1
2
```
【解释】
- 创建所有
  元素的集合
- 显示集合的长度
length 属性在需要遍历集合中元素时是有用的：

【举个栗子】

改变所有
元素的背景色：

67.13.3 HTMLCollection 并非数组！

HTMLCollection 也许看起来像数组，但并非数组。

能够遍历列表并通过数字引用元素（就像数组那样）。

不过，无法对 HTMLCollection 使用数组方法，比如 valueOf()、pop()、push() 或 join()。
相关阅读:
win10安全中心设置不扫描某个文件夹的方法
 wkhtmltopdf命令行示例
 【Spatial-Temporal Action Localization（一）】认识时空动作定位
 使用Java语言深度探索数据结构中的单向链表：完美结合详解与示例代码
 4.8烧饼排序问题
 浅谈人工智能怎么提升工作效率
 部署kibana可视化平台
 把a文件里面的内容全部给b文件里面去
 数据仓库即服务概述
 CC-Proxy配置实验室网络代理服务器
原文地址：https://blog.csdn.net/weixin_44226181/article/details/127743990

JavaScript

文章目录

67 JavaScript HTML DOM

67.13 JavaScript HTML DOM 集合

67.13.1 HTMLCollection 对象

67.13.2 HTML HTMLCollection 长度

67.13.3 HTMLCollection 并非数组！