HTML DOM Document createAttribute() 方法

定义和用法

code>createAttribute() 方法创建属性并将该属性作为 Attr 对象返回。备选方案：

使用 setAttribute() 方法 更容易。

另请参阅：

Element setAttribute() 方法

Attribute value 方法

Element setAttributeNode() 方法

实例

例子 1

// 创建 class 属性：
const att = document.createAttribute("class");

// 设置 class 属性的值：
att.value = "democlass";

// 在第一个 h1 中添加 class 属性：
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);

亲自试一试

例子 2

// 创建 style 属性：
const att = document.createAttribute("style");

// 设置 style 属性的值：
att.value = "color:red";

// 将 style 属性添加到第一个 h1：
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);

亲自试一试

例子 3

将 href="www.w3school.com.cn" 属性添加到 anchor 元素：

// 创建 href 属性：
const att = document.createAttribute("href");

// 设置 href 属性的值：
att.value = "https://www.w3school.com.cn";

// 将 href 属性添加到元素：
element.setAttributeNode(att);

亲自试一试

语法

document.createAttribute(name)

参数

参数 描述
name 必需。要创建的属性的名称。

返回值

类型 描述
节点 新创建的属性节点。nadeName 属性设置为 name。

抛出

如果 name 含有不含发的字符，该方法将抛出代码为 INVALID_CHARACTER_ERR 的 DOMException 异常。

浏览器支持

document.createAttribute() 是 DOM Level 1 (1998) 特性。

所有浏览器都支持它：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持