HTML | DOM getAttribute() 方法

简介

getAttribute() 方法用于获取指定元素的属性值。它返回一个包含指定属性值的字符串，如果属性不存在，则返回 null。

语法

element.getAttribute(attributeName)

参数

• attributeName：要获取的属性的名称，作为一个字符串。

返回值

一个包含指定属性值的字符串，如果属性不存在，则返回 null。

示例

假设有以下 HTML 代码：

<input type="text" id="myInput" value="Hello">

我们可以使用以下 JavaScript 代码来获取 input 元素的 type 和 value 属性的值：

var inputElement = document.getElementById("myInput");
var inputType = inputElement.getAttribute("type");
var inputValue = inputElement.getAttribute("value");

console.log(inputType);  // 输出：text
console.log(inputValue);  // 输出：Hello

注意事项

• getAttribute() 方法返回的属性值始终是一个字符串，即使属性的值是数字或布尔值也会被转换为字符串。
• 如果要获取元素的属性值，一般情况下可以直接使用属性名来访问，例如 element.value，而不必使用 getAttribute() 方法。但是在一些特殊情况下，如自定义属性，getAttribute() 方法比较有用。
• 对于没有设置属性值的属性（例如：<input type="text" disabled>），getAttribute() 方法返回的是属性名称，而不是属性的值（例如："disabled"）。

以上就是 getAttribute() 方法的详细介绍。使用该方法可以方便地获取指定元素的属性值。