HTML DOM attributes 属性

元素对象

获取元素属性的集合：

<p id="demo">单击按钮，查看按钮元素有多少个属性：</p>
<button onclick="myFunction()">点我</button>
<script>
  function myFunction() {
    var btn = document.getElementsByTagName("BUTTON")[0];
    var x = document.getElementById("demo");
    x.innerHTML = btn.attributes.length;
  }
</script>
<p>结果应为1（按钮元件的onclick属性）</p>
<p><strong>注意:</strong> 在Internet Explorer 8 或者更早版本中,attributes 属性将返回所有可能元素的集合 ,并将在这个示例中显示一个比1更高的数字。</p>

尝试一下 »

---

定义和用法

attributes 属性返回指定节点属性的集合。

提示： 你可以使用 length 属性确定属性的数量，然后你可以遍历所有的属性节点提取你想要的信息。

提示： 每个属性都是可用属性节点对象。

---

浏览器支持

所有主要浏览器都支持 attributes 属性

注意： 在 Internet Explorer 8 以及更早的版本中，attributes 属性会返回元素所有可能属性的集合。

---

语法

node.attributes

技术细节

返回值：	NamedNodeMap 对象, 表示属性的集合。
DOM 版本	Core Level 1 Node Object

---

元素对象