例
看看有多少屬性,一個<button>元素有:
var x = document.getElementById("myBtn").attributes.length;
x的結果可能是:
2
試一試» 更多"Try it Yourself"下面的例子。
定義和用法
屬性屬性返回指定節點的屬性的集合,為的NamedNodeMap對象。
這些節點可以通過索引號來訪問,並且索引從0開始。
提示:數字索引是通過所有元素的屬性會很有用:您可以使用長度的的NamedNodeMap對象的屬性來確定屬性的數量,那麼你可以遍歷所有屬性節點和提取您想要的信息。
提示:HTML屬性的屬性節點,所有的屬性和方法可用於 屬性對象。
瀏覽器支持
屬性 | |||||
---|---|---|---|---|---|
attributes | 是 | 是 | 是 | 是 | 是 |
注:在Internet Explorer 8和更早的版本,屬性屬性將返回所有可能的屬性的集合的元素。
句法
node .attributes
技術細節
返回值: | 一個的NamedNodeMap對象,表示節點的屬性的集合 |
---|---|
DOM版本 | 核心1級節點對象 |
更多示例
例
得到的名稱<button>元素的第二(index 1)屬性:
var x = document.getElementById("myBtn").attributes[1].name;
x的結果可能是:
onclick
試一試» 例
通過的所有屬性環<img>元件和輸出每個屬性的名稱和值:
var x = document.getElementById("myImg");
var txt = "";
var i;
for (i =
0; i < x.attributes.length; i++) {
txt = txt +
x.attributes[i].name + " = " + x.attributes[i].value + "<br>";
}
試一試»