JavaScript Element attributes 属性

• 

  JavaScript Element attributes 属性

  attributes属性返回指定节点属性的集合，作为NamedNodeMap对象。可以通过索引号访问节点，索引从0开始。

  提示：数字索引对于遍历所有元素的属性很有用：您可以使用NamedNodeMap对象的length属性来确定属性的数量，然后您可以遍历所有属性节点并提取所需的信息。

  提示： HTML属性是属性节点，具有Attribute对象可用的所有属性和方法。

  实例：

  找出<button>元素有多少个属性：

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

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  属性
  attributes	支持	支持	支持	支持	支持

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

  语法

  node.attributes
• 

  技术细节

  项目	描述
  返回值：	NamedNodeMap对象，表示节点属性的集合
  DOM版本	Core Level 1

• 

  更多例子

  获取<button>元素的第二个（索引1）属性的名称：

  var x = document.getElementById("myBtn").attributes[1].name;
  

  尝试一下

  找出<img>元素有多少属性：

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

  尝试一下

  循环遍历<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>";
  }
  

  尝试一下