最新的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>";
}
试一试»

<属性对象