HTML DOM Element getAttribute() 方法

定義和用法

getAttribute() 方法返回元素屬性的值。

另請參閱：

setAttribute() 方法

removeAttribute() 方法

hasAttribute() 方法

hasAttributes() 方法

createAttribute() 方法

getAttributeNode() 方法

setAttributeNode() 方法

removeAttributeNode() 方法

教程：

HTML 屬性

實例

例子 1

獲取元素的 class 屬性值：

let text = element.getAttribute("class");

親自試一試

例子 2

獲取 <a> 元素的 target 屬性的值：

let text = myAnchor.getAttribute("target");

親自試一試

例子 3

獲取 <button> 元素的 onclick 屬性的值：

let text = myButton.getAttribute("onclick");

親自試一試

語法

element.getAttribute(name)

參數

參數 描述
name 必需。屬性的名稱。

返回值

類型 描述
字符串 屬性的值。
null 如果屬性不存在。

技術細節

HTMLElement 對象定義了和每個標準 HTML 屬性對應的 JavaScript 屬性，因此，只有當您查詢非標準屬性的值時，才需要和 HTML 文檔一起使用該方法。

在 XML 文檔中，屬性值不能直接作為元素屬性，必須通過調用方法來查詢它們。對于使用命名空間的 XML 文檔，需要使用 getAttributeNS() 方法。

瀏覽器支持

element.getAttribute 是 DOM Level 1 (1998) 特性。

所有瀏覽器都完全支持它：

Chrome IE Edge Firefox Safari Opera
Chrome IE Edge Firefox Safari Opera
支持 9-11 支持 支持 支持 支持