在前端开发中，我们经常需要操作 HTML 元素的属性，比如获取或设置元素的 class、id、style、href 等。而 html-element-attributes 是一个方便的 npm 包，可以帮助我们快速地完成这些操作。
安装和使用
安装 html-element-attributes 很简单，只需要在终端中运行以下命令：
npm install html-element-attributes
然后，在你的 JavaScript 文件中引入该包：
const attributes = require('html-element-attributes');现在，我们就可以使用 attributes 对象来获取或设置元素的属性了。例如，要获取一个元素的 class 属性，可以这样做：
const el = document.querySelector('#my-element');
const classes = attributes.get(el, 'class');
console.log(classes);要设置一个元素的 class 属性，可以这样做：
const el = document.querySelector('#my-element');
attributes.set(el, 'class', 'my-class');支持的属性列表
html-element-attributes 支持所有标准 HTML 元素的属性，包括：
- id
- class
- style
- href
- src
- alt
- title
- data-*
- aria-*
除此之外，还支持一些非标准属性，比如 contenteditable、aria-hidden 等。
示例代码
下面是一个完整的示例代码，演示如何使用 html-element-attributes 包：
-- -------------------- ---- -------
--------- -----
------
------
------------------------------ ----------
-------
------
---- --------------- ---------------- ------------- ------------ ------------
------- ---------------------------------------------------------
--------
----- -- - --------------------------------------
-- -- ----- --
----- ------- - ------------------ ---------
--------------------- -- ----------
-- -- ----- --
------------------ -------- -------------
-- -- ----- --
----- ----- - ------------------ ---------
------------------- -- ------- -----
-- -- ----- --
------------------ -------- ------------------ ----------
-- -- ------- --
----- -------- - ------------------ -------------
---------------------- -- ----
-- -- ------- --
------------------ ------------ -------
---------
-------
-------总结
html-element-attributes 是一个非常实用的 npm 包，可以帮助我们快速地操作 HTML 元素的属性。在日常开发中，经常需要获取或设置元素的各种属性，这个包能够让这个过程变得更加简单和高效。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/41798