HTML DOM attributes 屬性

HTML DOM Element 對象

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	是	是	是	是	是

技術(shù)細(xì)節(jié)

更多實(shí)例

獲取IMG元素的第二個(gè)屬性（索引1）的名稱：

var x = document.querySelector("img").attributes[1].name;

獲取IMG元素的第二個(gè)屬性（索引1）的值：

var x = document.querySelector("img").attributes[1].value;

遍歷IMG元素的所有屬性，并輸出每個(gè)屬性的名稱和值：

var attrList = document.querySelector("img").attributes;
var txt = "";

for (let i = 0; i < attrList.length; i++) {
txt += attrList[i].name + " = " + attrList[i].value + "<br>";
}

HTML DOM Element 對象