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

<元素对象