JavaScript Element setAttributeNode() 方法

• 

  JavaScript Element setAttributeNode() 方法

  setAttributeNode()方法将指定的属性节点添加到元素。如果指定的属性已存在，则此方法将替换它。此方法的返回值是Attr对象。有关更多信息，请参阅HTML DOM Attr对象。另请参见setAttribute()方法。

  提示：使用removeAttributeNode()方法从元素中删除属性节点。

  实例：

  设置<h1>元素的class属性节点：

  var h1 = document.getElementsByTagName("H1")[0];   //获取文档中的第一个<h1>元素
  var att = document.createAttribute("class");       //创建“class”属性
  att.value = "democlass";                           //设置class属性的值
  h1.setAttributeNode(att);                          //将class属性添加到<h1>
  

  尝试一下
• 

  浏览器支持

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

• 

  语法

  element.setAttributeNode(attributenode)
• 

  参数值

  参数	类型	描述
  attributenode	Attr 对象	必需的。 要添加的属性节点

• 

  技术细节

  项目	描述
  返回值：	一个Attr对象，表示替换的属性节点（如果有），否则为null
  DOM版本	Core Level 1

• 

  更多例子

  设置<a>元素的href属性节点：

  var anchor = document.getElementById("myAnchor");  //获取id =“myAnchor”的<a>元素
  var att = document.createAttribute("href");        //创建“href”属性
  att.value = "https://www.jc2182.com";           //设置href属性的值
  anchor.setAttributeNode(att);                      //将href属性添加到<a>
  

  尝试一下
• 

  相关页面

  HTML教程：HTML属性

  HTML DOM参考：HTML DOM Attr 对象

  HTML DOM参考：setAttribute() 方法

  HTML DOM参考：document.createAttribute() 方法

  HTML DOM参考：attribute.value 属性

  HTML DOM参考：getAttributeNode() 方法

  HTML DOM参考：removeAttributeNode() 方法