Collection 訪問方式
當我們按照 TagName 或者 Class 再或者 name 獲取節(jié)點時 他會返回Collection(就是我們說的集合),我們一般用[]中括號去訪問他的元素,但
是不止是中括號 其實 還可以是: item()方法訪問每一個元素 和 nameItem()通過名字來訪問指定的元素,具體我們詳細說說:
1.?item()
定義和用法
item() 方法返回一個節(jié)點列表中指定索引的節(jié)點。
語法:
document.body.childNodes.item(0);
?
?
?2.nameItem()
定義和用法
主義這個是name 屬性 或者 Id 屬性 ?。? ?不是標簽名(TagName)?。?/p>
我也做過筆記?。【褪钦f 如果有重復的 都是以第一個出現(xiàn)的為準!??
namedItem() 方法返回 HTMLCollection 對象中指定 ID 或 name 的元素。
也可以使用以下簡寫方式來獲?。?/p>
語法
或:
Collection 菜鳥教程給出就那么多:花個兩分鐘記一下
DOM HTMLCollection
HTMLCollection 是 HTML 元素的集合。
HTMLCollection 對象類似一個包含 HTML 元素的數(shù)組列表。
getElementsByTagName()?方法返回的就是一個 HTMLCollection 對象。
屬性和方法
下表列出了 HTMLCollection 對象中的屬性和方法:
屬性 / 方法 | 描述 |
item() | 返回 HTMLCollection 中指定索引的元素。 |
length | 返回 HTMLCollection 中元素的數(shù)量。 |
namedItem() | 返回 HTMLCollection 中指定 ID 或 name 屬性的元素。 |
實例
返回所有 p 元素的集合,該集合是一個 HTMLCollection 對象:
實例
var x = document.getElementsByTagName("p");
嘗試一下 ?
計算文檔中 p 元素的數(shù)量:
實例
var x = document.getElementsByTagName("P");
document.write(x.length);
嘗試一下 ?
循環(huán)輸出 HTMLCollection 對象中的所有元素:
實例
var x = document.getElementsByTagName("P");
document.write(x.length);
?
作者:??咸瑜??
本文摘自 :https://blog.51cto.com/u