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 支持 支持 支持 支持