property-information 是一个方便的 JavaScript 库，用于获取和操作 HTML 元素的属性信息。本文将介绍如何使用该库来快速地查询、修改、添加和删除元素属性，并提供一些示例代码。
安装
使用 npm 进行安装：
npm install property-information
查询元素属性
通过 getProperty 方法可以获取指定元素的属性值：
import { parse, getProperty } from 'property-information';
const html = '<div class="example" data-id="123">Hello, World!</div>';
const tree = parse(html);
const div = tree.children[0];
const className = getProperty(div.properties, 'className'); // 'example'
const dataId = getProperty(div.properties, 'data-id'); // '123'修改元素属性
通过 setAttribute 方法可以修改指定元素的属性值：
-- -------------------- ---- ------- ------ - ------ ------------ - ---- ----------------------- ----- ---- - -------- -------------- ------------- ----- ---- - ------------ ----- ------ - ----------------- ------------------------------- ----------- ------- ------------------------------- -- -------------- ------------
添加元素属性
通过 setAttribute 方法可以添加新的属性到指定元素：
-- -------------------- ---- ------- ------ - ------ ------------ - ---- ----------------------- ----- ---- - ------- -------------- ----- ---- - ------------ ----- ----- - ----------------- ------------------------------ -------------- ------ ---- ------- ------------------------------ -- ------- ----------- ------------------ ---- -------
删除元素属性
通过 removeAttribute 方法可以删除指定元素的属性：
-- -------------------- ---- ------- ------ - ------ --------------- - ---- ----------------------- ----- ---- - --- -------- -------------------------- ----- ---- - ------------ ----- ---- - ----------------- -------------------------------- ---------- ----------------------------- -- --- ------------------
总结
使用 property-information 库可以方便地查询、修改、添加和删除 HTML 元素的属性信息。本文介绍了如何安装该库以及如何使用其提供的方法。希望这篇文章能够对前端开发者有所帮助，让他们更加高效地编写代码。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/41776