HTML DOM 元素 setAttributeNode()
示例
设置第一个 <h1> 元素的类属性节点
const attr = document.createAttribute("class");
attr.value = "democlass";
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(attr);
之前
Hello World
之后
Hello World
自己试试 »
更多示例如下。
描述
The setAttributeNode() 方法将属性节点添加到元素。
The setAttributeNode() 方法替换现有的属性节点。
The setAttributeNode() 方法返回一个 Attribute 对象。
setAttribute() 和 setAttributeNode() 之间的区别
The setAttribute() 方法替换属性值。
The setAttributeNode() 方法替换 Attribute 对象。
在将属性添加到元素之前，必须创建一个 Attr 对象 并设置 Attr 值。
结果将相同。
语法
element.setAttributeNode(node)
参数
| 参数 | 描述 |
| node | 必需的。 要添加的属性节点。 |
返回值
| 类型 | 描述 |
| 对象 | 一个代表被替换属性节点的 Attr 对象。 或者 null 如果没有属性被替换。 |
更多示例
设置 <a> 元素的 href 属性节点
const attr = document.createAttribute("href");
attr.value = "https://w3schools.org.cn";
const anchor = document.getElementById("myAnchor");
anchor.setAttributeNode(attr);
之前
转到 w3schools.com
之后
自己试试 »浏览器支持
element.setAttributeNode() 是 DOM Level 1 (1998) 的一个功能。
它在所有浏览器中都得到完全支持
| Chrome | Edge | Firefox | Safari | Opera | IE |
| 是 | 是 | 是 | 是 | 是 | 9-11 |
