JavaScript Element removeAttributeNode() 方法

• 

  JavaScript Element removeAttributeNode() 方法

  removeAttributeNode()方法从元素中删除指定的属性，并将已删除的属性作为Attr Node对象返回。此方法与removeAttribute()方法之间的区别在于removeAttribute()方法删除具有指定名称的属性，而此方法删除指定的Attr对象。结果将是相同的。此外，removeAttribute()方法没有返回值，而此方法返回已删除的属性，作为Attr对象。

  提示：使用getAttributeNode()方法返回元素的属性节点。

  提示：使用setAttributeNode()方法将属性节点添加到元素。

  实例：

  从<h1>元素中删除class属性节点：

  var elmnt = document.getElementsByTagName("H1")[0];  // 获取文档中的第一个<h1>元素
  var attr = elmnt.getAttributeNode("class");          // 从<h1>获取类属性节点
  elmnt.removeAttributeNode(attr);                     // 从<h1>中删除class属性节点
  

  尝试一下
• 

  浏览器支持

  项	IE/Edge	Chrome	FireFox	Safari	Opera
  方法
  removeAttributeNode()	支持	支持	支持	支持	支持

• 

  语法

  element.removeAttributeNode(attributenode)
• 

  参数值

  参数	类型	描述
  attributenode	Attr object	必需的。 要删除的属性节点

• 

  技术细节

  项目	描述
  返回值：	一个Attr对象，表示已删除的属性节点
  DOM版本	Core Level 1

• 

  更多例子

  从<a>元素中删除href属性节点：

  var elmnt = document.getElementById("myAnchor");   // 获取id=“myAnchor”的<a>元素
  var attr = elmnt.getAttributeNode("href");         // 从<a>获取href属性节点
  elmnt.removeAttributeNode(attr);                   // 从<a>中删除href属性节点
  

  尝试一下
• 

  相关页面

  HTML教程：HTML属性

  HTML DOM参考：HTML DOM Attr对象

  HTML DOM参考：removeAttribute()方法

  HTML DOM参考：getAttributeNode()方法

  HTML DOM参考：setAttributeNode()方法