Element: getAttributeNode() 方法

Baseline 已广泛支持

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

返回指定元素的指定属性,作为 Attr 节点。

如果您需要属性的 实例属性,则此方法很有用。如果您只需要属性的值,则可以使用 getAttribute() 方法。

语法

js
getAttributeNode(attrName)

参数

attrName

包含属性名称的字符串。

返回值

一个 Attr 节点,代表该属性。

示例

js
// html: <div id="top" />
let t = document.getElementById("top");
let idAttr = t.getAttributeNode("id");
alert(idAttr.value === "top");

注意

当在标记为 HTML 文档的 DOM 中的 HTML 元素上调用时,getAttributeNode 会在继续之前将参数转换为小写。

Attr 节点继承自 Node,但不被视为文档树的一部分。常见的 Node 属性,如 parentNodepreviousSiblingnextSibling 对于 Attr 节点来说都是 null。但是,您可以通过 ownerElement 属性获取该属性所属的元素。

规范

规范
DOM
# dom-element-getattributenode

浏览器兼容性

另见