Element.getAttribute()

在此页

句法
范例
描述
规范
浏览器兼容性
相关话题

getAttribute() 方法在 元素 interface returns the value of a specified attribute on the element. If the given attribute does not exist, the value returned will either be null or "" (the empty string); see Non-existing attributes 了解细节。

句法

let attribute = element.getAttribute(attributeName);

where

属性 is a string containing the value of attributeName .
attributeName is the name of the attribute whose value you want to get.

范例

const div1 = document.getElementById('div1');
const align = div1.getAttribute('align');
alert(align); // Shows the value of align for the element with id="div1"

描述

Lower casing

When called on an HTML element in a DOM flagged as an HTML document, getAttribute() lower-cases its argument before proceeding.

Non-existing attributes

Essentially all web browsers (Firefox, Internet Explorer, recent versions of Opera, Safari, Konqueror, and iCab, as a non-exhaustive list) return null when the specified attribute does not exist on the specified element; this is what the current DOM specification draft specifies. The old DOM 3 Core specification, on the other hand, says that the correct return value in this case is actually the 空字符串 , and some DOM implementations implement this behavior. The implementation of getAttribute() in XUL (Gecko) actually follows the DOM 3 Core specification and returns an empty string. Consequently, you should use element.hasAttribute() to check for an attribute's existence prior to calling getAttribute() if it is possible that the requested attribute does not exist on the specified element.

Retrieving nonce values

For security reasons, CSP nonces from non-script sources, such as CSS selectors, and .getAttribute("nonce") calls are hidden.

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

Instead of retrieving the nonce from the content attribute, use the nonce 特性：

let nonce =  script.nonce;

规范

规范	状态	注释
DOM The definition of 'getAttribute()' in that specification.	实时标准

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据

	桌面						移动
	Chrome	Edge	Firefox	Internet Explorer	Opera	Safari	Android webview	Chrome for Android	Firefox for Android	Opera for Android	Safari on iOS	Samsung Internet
`getAttribute`	Chrome 1	Edge 12	Firefox 23	IE 8	Opera 8	Safari 1.3	WebView Android 1	Chrome Android 18	Firefox Android 23	Opera Android 10.1	Safari iOS 1	Samsung Internet Android 1.0

图例

完整支持

元数据

最后修改： Apr 13, 2020

在此页

句法

范例

描述

Lower casing

Non-existing attributes

Retrieving nonce values

规范

浏览器兼容性

图例

相关话题