attributes屬性返回注冊到指定元素節(jié)點(diǎn)的所有屬性節(jié)點(diǎn)的活動集合。
可以通過索引號訪問節(jié)點(diǎn),索引從0開始。
使用NamedNodeMap對象的length屬性來確定屬性的數(shù)量。
HTML屬性是屬性節(jié)點(diǎn),所有屬性和方法可用于Attribute對象。
element.attributes
var len = document.querySelector("img").attributes.length;測試看看?/?所有瀏覽器完全支持attribute屬性:
| 屬性 | ![]() | ![]() | ![]() | ![]() | ![]() |
| attributes | 是 | 是 | 是 | 是 | 是 |
| 返回值: | NamedNodeMap對象,表示節(jié)點(diǎn)屬性的集合 |
|---|---|
| DOM版本: | DOM級別1 |
獲取IMG元素的第二個屬性(索引1)的名稱:
var x = document.querySelector("img").attributes[1].name;測試看看?/?獲取IMG元素的第二個屬性(索引1)的值:
var x = document.querySelector("img").attributes[1].value;測試看看?/?遍歷IMG元素的所有屬性,并輸出每個屬性的名稱和值:
var attrList = document.querySelector("img").attributes;
var txt = "";
for (let i = 0; i < attrList.length; i++) {
txt += attrList[i].name + " = " + attrList[i].value + "<br>";
}測試看看?/?