Collection 访问方式
2022-05-31 17:22:37

Collection 访问方式

当我们按照 TagName 或者 Class 再或者 name 获取节点时 他会返回Collection(就是我们说的集合)，我们一般用[]中括号去访问他的元素，但

是不止是中括号 其实 还可以是： item()方法访问每一个元素 和 nameItem()通过名字来访问指定的元素，具体我们详细说说：

1. item()

定义和用法

item() 方法返回一个节点列表中指定索引的节点。

语法:

document.body.childNodes.item(0);    

 2.nameItem()

定义和用法

主义这个是name 属性 或者 Id 属性 啊！   不是标签名(TagName)啊！

我也做过笔记啊！就是说 如果有重复的 都是以第一个出现的为准！  

namedItem() 方法返回 HTMLCollection 对象中指定 ID 或 name 的元素。

也可以使用以下简写方式来获取：

var x = document.getElementsByTagName("P")["myElement"];

语法

HTMLCollection.namedItem(name)

或：

HTMLCollection[name]　　　　//中括号的强大啊  可以 指定name属性查找  又 可以 指定Id查找的

Collection 菜鸟教程给出就那么多：花个两分钟记一下

DOM HTMLCollection

HTMLCollection 是 HTML 元素的集合。

HTMLCollection 对象类似一个包含 HTML 元素的数组列表。

getElementsByTagName() 方法返回的就是一个 HTMLCollection 对象。

属性和方法

下表列出了 HTMLCollection 对象中的属性和方法：

实例

返回所有 p 元素的集合，该集合是一个 HTMLCollection 对象：

实例

var x = document.getElementsByTagName("p");

尝试一下 »

计算文档中 p 元素的数量：

实例

var x = document.getElementsByTagName("P"); document.write(x.length);

尝试一下 »

循环输出 HTMLCollection 对象中的所有元素：

实例

var x = document.getElementsByTagName("P"); document.write(x.length);

作者：​​咸瑜​​