element.getAttribute() 获取属性
最后更新：2026-09-09
element.getAttribute() 获取属性
getAttribute 获取元素的 HTML 属性值。不存在时返回 null。
| 分类 | DOM 操作 |
|---|---|
| ES 版本 | DOM |
📝 语法
const 值 = 元素.getAttribute('属性名');⚙️ 参数
| name | 属性名。 |
|---|
返回值：属性值字符串或 null。
是否修改原值：否（返回新值）
▶ 示例
编辑下方代码，点击运行，在输出面板查看结果：
运行结果：
（属性值或 null）💡 提示 data-* 属性推荐用 el.dataset.id 而不是 getAttribute('data-id')——更简洁。
ℹ️ info getAttribute 返回 HTML 属性的原始值——不是 DOM 属性的计算值。
🌐 浏览器支持
| 浏览器 |  Chrome |
 Edge |
 Firefox |
 Safari |
 Opera |
|---|---|---|---|---|---|
| element.getAttribute() | ✓ v1 | ✓ v12 | ✓ v1 | ✓ v1 | ✓ v1 |
| 所有现代浏览器均支持 | |||||
🏷️ 相关条目
💡 相关案例
更多实战案例即将上线，敬请期待。
📚 相关教程
❓ 常见问题
QgetAttribute 返回 null 表示什么？
A该属性不存在于元素上。
QgetAttribute 和直接访问 el.href 的区别？
AgetAttribute 返回 HTML 中的原始值；el.href 返回完整的绝对 URL。
Q如何获取 data-* 属性？
Ael.dataset.id 或 el.getAttribute('data-id')。
