什么是 attriboots
attriboots 是一个 npm 包，它可以帮助你在 HTML 元素上添加和删除多个属性，并设置它们的值。
举个例子，如果我们要添加一个名为 src 的属性并设置其值为 "https://unsplash.com/photos/sMoz5B-fWs4"，我们可以使用以下代码：
attriboots.add(document.querySelector('img'), { src: "https://unsplash.com/photos/sMoz5B-fWs4" });安装和使用
首先需要安装 attriboots，我们可以直接运行以下命令来进行安装：
npm install attriboots --save
然后我们可以在项目中引入：
import attriboots from 'attriboots';
或者使用 require：
const attriboots = require('attriboots');添加和删除属性
添加属性和设置其值的方法是 attriboots.add()，它接收两个参数。第一个参数是要添加属性的元素，第二个参数是一个对象，表示要添加的属性及其值，例如：
attriboots.add(document.querySelector('img'), { src: "https://unsplash.com/photos/sMoz5B-fWs4", alt: "A beautiful landscape" });删除属性的方法是 attriboots.remove()，它也接收两个参数。第一个参数是要删除属性的元素，第二个参数是一个数组，表示要删除的属性名称：
attriboots.remove(document.querySelector('img'), ['src', 'alt']);设置属性值
如果只想设置一个元素的单个属性的值，可以使用 attriboots.set() 方法。它接收三个参数，第一个参数是元素，第二个参数是要设置的属性名称，第三个参数是属性的值：
attriboots.set(document.querySelector('img'), 'src', 'https://unsplash.com/photos/sMoz5B-fWs4');获取属性值
如果想获取元素的某个属性的值，可以使用 attriboots.get() 方法。它接收两个参数，第一个参数是元素，第二个参数是属性的名称：
const src = attriboots.get(document.querySelector('img'), 'src');示例代码
-- -------------------- ---- -------
---- ------ -------
------- ----------------------
------- -------------------------
--------
-- -- ---------- -
----- ---------- - ----------------------
----- --- - ------------------------------
----- --------- - -------------------------------
----- ------------ - ----------------------------------
-- ----
----------------------------------- -- -- -
------------------- - ---- ------------------------------------------ ---- -- --------- ---------- ---
---
-- ----
-------------------------------------- -- -- -
---------------------- ------- --------
---
---------结语
通过使用 attriboots，我们可以在 HTML 元素上方便地添加和删除多个属性，并设置它们的值。因此，在进行前端开发的过程中，我们可以使用 attriboots 来简化代码实现，提高开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066b5651ab1864dac66b8d