HTML DOM Document createAttribute()
示例
// 创建一个 class 属性
const att = document.createAttribute("class");
// 设置 class 属性的值
att.value = "democlass";
// 将 class 属性添加到第一个 h1 元素
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(att);
自己动手试一试 »
// 创建一个 style 属性
const att = document.createAttribute("style");
// 设置 style 属性的值
att.value = "color:red";
// 将 style 属性添加到第一个 h1 元素
const h1 = document.getElementsByTagName("h1")[0];
h1.setAttributeNode(att);
自己动手试一试 »
更多示例见下文。
描述
createAttribute() 方法创建一个属性并将其作为 Attr 对象返回。
语法
document.createAttribute(name)
参数
| 参数 | 描述 |
| name | 必需。 要创建的属性的名称。 |
返回值
| 类型 | 描述 |
| 节点 | 创建的属性节点。 |
更多示例
为锚点元素添加 href="www.w3schools.com" 属性
// 创建一个 href 属性
const att = document.createAttribute("href");
// 设置 href 属性的值
att.value = "https://w3schools.org.cn";
// 将 href 属性添加到元素
element.setAttributeNode(att);
自己动手试一试 »
浏览器支持
document.createAttribute() 是 DOM Level 1 (1998) 的一个特性。
所有浏览器都完全支持。
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
