HTML DOM getAttribute() 方法

HTML DOM Element 对象

getAttribute()方法返回元素上指定属性的值。

如果给定的属性不存在,则返回的值将为null或“”(空字符串)。

如果要将属性作为Attr对象返回,请使用getAttributeNode()方法。

语法:

element.getAttribute(attr)
var x = document.getElementsByTagName("H1")[0].getAttribute("class");
测试看看‹/›

浏览器兼容性

所有浏览器完全支持getAttribute()方法:

Method
getAttribute()

参数值

参数描述
attr您要从中获取值的属性的名称

技术细节

返回值:一个字符串,表示指定属性的值
DOM版本:DOM级别1

更多实例

获取元素的style属性的值:

var x = document.getElementsByTagName("H1")[0];
x.getAttribute("style");
测试看看‹/›

获取锚元素的href属性值:

var x = document.getElementsByTagName("a")[0];
x.getAttribute("href");
测试看看‹/›

获取图像元素的src属性的值:

var x = document.getElementsByTagName("img")[0];
x.getAttribute("src");
测试看看‹/›

相关参考

HTML教程:HTML属性

HTML DOM参考:element.hasAttribute()方法

HTML DOM参考:element.setAttribute()方法

HTML DOM参考:element.removeAttribute()方法

HTML DOM Element 对象