什么是 @ambers/domite
@ambers/domite 是一个基于 JavaScript 的用于操作 DOM 的 npm 包。它提供了一组简单易用的 API，方便开发者快速完成 DOM 操作，例如添加、修改、删除节点等。
安装
安装 @ambers/domite 可以使用 npm 或 yarn：
npm install @ambers/domite // 或 yarn add @ambers/domite
使用
在使用 @ambers/domite 之前，需要先引入它：
import { Dom } from '@ambers/domite';创建 Dom 实例
const dom = new Dom();
查找元素
查找元素主要使用的方法有：
getElemById
通过元素的 id 查找指定元素。
const el = dom.getElemById('id');getQuerySelector
通过 CSS 选择器查找元素。
const el = dom.getQuerySelector('#id');完成对 DOM 元素的增删改查
添加元素
dom.append、dom.prepend、dom.after、dom.before 是添加元素的方法。
const el = dom.getElemById('id');
// 在当前元素的后面添加新元素
dom.after(el, '<div>new element</div>');删除元素
dom.remove、dom.empty 是删除元素的方法。
const el = dom.getElemById('id');
// 移除当前元素
dom.remove(el);修改元素
dom.attr、dom.text、dom.html、dom.style 是修改元素的方法。
-- -------------------- ---- ------- ----- -- - ---------------------- -- ------ ------------ ------ --------------- -- --------- ------------ ---- ------- -- ----- --------- ------------ --------- ---------------- -- ------- ------------- -------- -------
示例代码
-- -------------------- ---- ------- ------ - --- - ---- ----------------- ----- --- - --- ------ ----- -- - ---------------------- -- ------------- ------------- --------- ---------------- -- ------ --------------- -- ------ ------------ ------ --------------- -- --------- ------------ ---- ------- -- ----- --------- ------------ --------- ---------------- -- ------- ------------- -------- -------
总结
Domite 提供了一组简单易用的 API，方便开发者快速完成 DOM 操作。我们可以通过这些 API 查找、添加、修改以及移除元素。它可以用于 Web 开发中，如操作 DOM、建立动态网页等操作，希望对你有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/600671a430d092702382241b