最新的Web開發教程
 

HTML DOM length Propery

<屬性對象

得到的屬性的數量<button>元素:

var x = document.getElementsByTagName("BUTTON")[0].attributes.length;

x的結果可能是:

2
試一試»

更多"Try it Yourself"下面的例子。


定義和用法

length屬性在一個的NamedNodeMap對象返回的節點的數目。

一個節點對象的屬性是一個的NamedNodeMap對象的一個例子。

此屬性為只讀。

提示:使用item()方法指定索引處在的NamedNodeMap對象返回的節點。


瀏覽器支持

屬性
length

注:在Internet Explorer 8和更早版本,屬性length屬性將返回所有可能的屬性的數目的元素。


句法

namednodemap .length

技術細節

返回值: 一個數字,代表屬性節點在nodemap數
DOM版本 核心1級

例子

更多示例

通過的所有屬性環<button>元件和輸出的每個屬性的名稱:

var txt = "";
var x = document.getElementById("myBtn").attributes;

var i;
for (i = 0; i < x.length; i++) {
    txt += "Attribute name: " + x[i].name + "<br>";
}

TXT的結果將是:

Attribute name: id
Attribute name: onclick
Attribute name: class
試一試»

看看有多少屬性的<img>元素有:

var x = document.getElementById("myImg").attributes.length;

x的結果將是:

5
試一試»

通過的所有屬性環<img>元件和輸出每個屬性的名稱和值:

var txt = "";
var x = document.getElementById("myImg");

var i;
for (i = 0; i < x.attributes.length; i++) {
    txt = txt + x.attributes[i].name + " = " + x.attributes[i].value + "<br>";
}
試一試»

<屬性對象