最新的Web開發教程
 

HTML DOM attributes Propery

<元素對象

看看有多少屬性,一個<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").attributes.length;

x的結果可能是:

5
試一試»

通過的所有屬性環<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>";
}
試一試»

<元素對象