HTML DOM 元素 setAttributeNode()

示例

设置第一个<h1>元素的class属性节点：

const attr = document.createAttribute("class");
attr.value = "democlass";

const h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(attr);

前：

Hello World

后：

Hello World

亲自试一试 »

下面有更多示例。

描述

这个setAttributeNode()方法将属性节点添加到元素。

这个setAttributeNode()方法替换现有的属性节点。

这个setAttributeNode()方法返回一个属性对象。

setAttribute() 和 setAttributeNode() 之间的区别

这个setAttribute()方法替换属性值。

这个setAttributeNode()方法替换 Attribute 对象。

您必须创建一个属性对象并设置属性值在将属性添加到元素之前。

结果是一样的。

选择：

使用起来更方便setAttribute() 方法

也可以看看：

getAttributeNode() 方法

removeAttributeNode() 方法

教程：

HTML 属性

参考：

HTML DOM 属性对象

语法

element.setAttributeNode( node)

参数

Parameter	Description
node	Required. The attribute node to add.

返回值

类型	描述
对象	表示替换的属性节点的 Attr 对象。或者`null`如果没有替换任何属性。

浏览器支持

element.setAttributeNode()是 DOM Level 1 (1998) 功能。

所有浏览器都完全支持它：


Chrome	Edge	Firefox	Safari	Opera	IE
Yes	Yes	Yes	Yes	Yes	9-11