Collection 訪問方式
2022-05-31 17:22:37

Collection 訪問方式

當(dāng)我們按照 TagName 或者 Class 再或者 name 獲取節(jié)點(diǎn)時(shí) 他會(huì)返回Collection(就是我們說(shuō)的集合)，我們一般用[]中括號(hào)去訪問他的元素，但

是不止是中括號(hào) 其實(shí) 還可以是： item()方法訪問每一個(gè)元素 和 nameItem()通過名字來(lái)訪問指定的元素，具體我們?cè)敿?xì)說(shuō)說(shuō)：

1.?item()

定義和用法

item() 方法返回一個(gè)節(jié)點(diǎn)列表中指定索引的節(jié)點(diǎn)。

語(yǔ)法:

document.body.childNodes.item(0); ? ?

?2.nameItem()

定義和用法

主義這個(gè)是name 屬性 或者 Id 屬性 ?。? ?不是標(biāo)簽名(TagName)?。?/p>

我也做過筆記??！就是說(shuō) 如果有重復(fù)的 都是以第一個(gè)出現(xiàn)的為準(zhǔn)！??

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

也可以使用以下簡(jiǎn)寫方式來(lái)獲?。?/p>

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

語(yǔ)法

HTMLCollection.namedItem(name)

或：

HTMLCollection[name]　　　　//中括號(hào)的強(qiáng)大啊??可以?指定name屬性查找??又?可以?指定Id查找的

Collection 菜鳥教程給出就那么多：花個(gè)兩分鐘記一下

DOM HTMLCollection

HTMLCollection 是 HTML 元素的集合。

HTMLCollection 對(duì)象類似一個(gè)包含 HTML 元素的數(shù)組列表。

getElementsByTagName()?方法返回的就是一個(gè) HTMLCollection 對(duì)象。

屬性和方法

下表列出了 HTMLCollection 對(duì)象中的屬性和方法：

實(shí)例

返回所有 p 元素的集合，該集合是一個(gè) HTMLCollection 對(duì)象：

實(shí)例

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

嘗試一下 ?

計(jì)算文檔中 p 元素的數(shù)量：

實(shí)例

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

嘗試一下 ?

循環(huán)輸出 HTMLCollection 對(duì)象中的所有元素：

實(shí)例

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

?

作者：??咸瑜??