HTML DOM Element setAttributeNode()
示例
设置第一个 <h1> 元素的 class 属性节点
const attr = document.createAttribute("class");
attr.value = "democlass";
const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(attr);
之前
你好世界
之后
你好世界
自己动手试一试 »
更多示例见下文。
描述
setAttributeNode()
方法向元素添加属性节点。
setAttributeNode()
方法替换现有属性节点。
setAttributeNode()
方法返回一个 Attribute 对象。
setAttribute() 和 setAttributeNode() 之间的区别
setAttribute()
方法替换属性值。
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 |