HTML DOM 文档 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 | 必需。 要创建的属性的名称。 |
返回值
| 类型 | 描述 |
| Node | 创建的属性节点。 |
更多示例
将 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 |
