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 的元素。

也可以使用以下簡寫方式來獲?。?/p>

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);

?

作者：??咸瑜??