JavaScript: element.getAttribute() 获取属性

首页/javascript Tutorial/参考手册/

element.getAttribute() 获取属性

最后更新：2026-09-15

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

所有现代浏览器均支持

🏷️ 相关 DOM 方法

element-setattribute

element-classlist

💡 相关案例

更多实战案例即将上线，敬请期待。

📚 相关教程

JavaScript DOM 教程

DOM 操作详解。

❓ 常见问题

QgetAttribute 返回 null 表示什么？

A该属性不存在于元素上。

QgetAttribute 和直接访问 el.href 的区别？

AgetAttribute 返回 HTML 中的原始值；el.href 返回完整的绝对 URL。

Q如何获取 data-* 属性？

Ael.dataset.id 或 el.getAttribute('data-id')。

Web-Tutorial 技术团队

由多位开发者共同维护的编程教程平台。每篇教程由对应领域的开发者编写和审核，确保内容准确可靠。如发现任何问题，欢迎向我们反馈。

关于我们