Element: setAttributeNode() 方法

Baseline 已广泛支持

此特性已相当成熟,可在许多设备和浏览器版本上使用。自 ⁨2015 年 7 月⁩以来,各浏览器均已提供此特性。

Element 接口的 setAttributeNode() 方法将一个新的 Attr 节点添加到指定的元素。

如果您在添加属性节点之前不需要对其进行操作(例如,从另一个元素克隆),则可以使用 setAttribute() 方法代替。

语法

js
setAttributeNode(attribute)

参数

attribute

要添加到元素的 Attr 节点。

返回值

此函数返回的、被替换的属性节点(如果有)。

示例

此示例将 align 属性从一个元素复制到另一个元素。

HTML

html
<div id="one" align="left">one</div>
<div id="two">two</div>

JavaScript

js
let d1 = document.getElementById("one");
let d2 = document.getElementById("two");
let a = d1.getAttributeNode("align");

d2.setAttributeNode(a.cloneNode(true));

// Returns: 'left'
alert(d2.attributes[1].value);

注意

如果该名称的属性已存在于元素上,则该属性将被新属性替换,并返回被替换的属性。

规范

规范
DOM
# dom-element-setattributenode

浏览器兼容性

另见