JavaScript HTML DOM createAttribute() 方法

• 

  HTML DOM createAttribute 方法

  document.createAttribute()方法创建具有指定名称的属性，并将该属性作为Attr对象返回。

  提示：使用attribute.value属性设置属性的值。

  提示：使用element.setAttributeNode()方法将新创建的属性添加到元素。

  提示：通常，您需要使用element.setAttribute()方法而不是createAttribute()方法。

  实例：

  创建一个类属性，其值为“democlass”，并将其插入<h1>元素：

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

  尝试一下
• 

  浏览器支持

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

• 

  语法

  document.createAttribute(attributename)
• 

  方法值

  参数	类型	描述
  attributename	Attr对象	必需的。 要创建的属性的名称

• 

  技术细节

  项目	描述
  返回值：	一个Node对象，表示创建的属性
  DOM版本	Core Level 1

• 

  更多例子

  创建一个值为“www.cainiaoya.com”的href属性，并将其插入<a>元素：

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

  尝试一下