元素: getAttribute() 方法

getAttribute() 是 Element 接口的方法，用于返回元素上指定属性的值。

如果给定的属性不存在，则返回的值将为 null。

如果您需要检查 Attr 节点的属性，可以使用 getAttributeNode() 方法代替。

语法

js
getAttribute(attributeName)

参数

  • attributeName 是要获取其值的属性的名称。

返回值

如果属性存在，则为包含 attributeName 值的字符串，否则为 null。

示例

html
<!-- example div in an HTML DOC -->
<div id="div1">Hi Champ!</div>
js
// in a console
const div1 = document.getElementById("div1");
//=> <div id="div1">Hi Champ!</div>

const exampleAttr = div1.getAttribute("id");
//=> "div1"

const align = div1.getAttribute("align");
//=> null

描述

小写

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

检索 nonce 值

出于安全原因，来自非脚本源（如 CSS 选择器）的 CSP nonce 和 .getAttribute("nonce") 调用是隐藏的。

js
let nonce = script.getAttribute("nonce");
// returns empty string

不要从 content 属性中检索 nonce，而是使用 nonce 属性。

js
let nonce = script.nonce;

规范

规范
DOM 标准
# ref-for-dom-element-getattribute①

浏览器兼容性

BCD 表格仅在浏览器中加载

另请参见