<!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="keywords" content="dom.js,DOM,JavaScript,Toolkit"><meta name="description" content="dom.js - 专门处理 DOM 操作的 JavaScript 工具库。"><link rel="shortcut icon" href="./favicon.ico"><title>dom.js | 专门处理 DOM 操作的 JavaScript 工具库</title><link rel="preload" href="css/docs.min.css" as="style"><link rel="preload" href="js/docs.min.js" as="script"><link href="css/docs.min.css" rel="stylesheet" type="text/css"></head><body><div class="docs" id="docs"><aside class="aside" id="aside"><header class="aside__header"><h2 class="aside__h2">API Documentation</h2></header></aside><main class="main" id="main"><header class="main__header" id="header"><h1 class="main__h1"><strong class="main__name">dom.</strong>js</h1><p class="main__tagline">dom.js - 专门处理 DOM 操作的 JavaScript 工具库。</p></header><div class="main__cdn" id="cdn"><pre class="main__pre"><code><script src="https://cdn.jsdelivr.net/gh/yaohaixiao/dom.js/dom.min.js"></script></code></pre></div><div class="main__download" id="download"><a class="main__button" href="https://github.com/yaohaixiao/dom.js/archive/refs/heads/main.zip" target="_blank">Download Zip</a></div><article id="article"><section class="section"><header class="section__header"><h2 class="section__title">Attributes</h2></header><div class="section__content"><p>dom.js 提供以下方法来获取和设置元素的 DOM 属性。</p></div><section class="section"><header class="section__header"><h3 class="section__h3">hasClass(el, className)</h3></header><div class="section__content"><dl class="section__dl"><dt class="section__dt">Category：</dt><dd class="section__dd">Attributes</dd></dl><p>hasClass() 方法用来判断 DOM 元素是否包含指定 className 的样式。</p><h4 class="section__h4">Parameters</h4><h5 class="section__h4">el</h5><dl class="section__dl"><dt class="section__dt">Type：</dt><dd class="section__dd">HTMLElement</dd></dl><p>（必须）el 参数指定需要检测 class 样式的 DOM 元素。</p><h5 class="section__h4">className</h5><dl class="section__dl"><dt class="section__dt">Type：</dt><dd class="section__dd">String</dd></dl><p>（必须）className 要添加的 class 样式名称。</p><h4 class="section__h4">Usage</h4><pre class="section__pre"><code class="section__code"><ul id="list" class="list">
<li class="item active">Home</li>
<li class="item">Blog</li>
<li class="item">Projects</li>
<li class="item">About</li>
</ul>
// 引入 DOM 模块（中的所有工具方法）
import DOM from '@yaohaixiao/dom.js/dom
// 引用 addClass 单个方法
import hasClass from '@yaohaixiao/dom.js/addClass'
const $list = DOM.byId('#list')
// 添加 class 样式
DOM.addClass($list, 'nav')
DOM.addClass($list, 'primary')
// 判断是否存在 class 样式
DOM.hasClass($list, 'nav') => true
hasClass($list, 'primary') => true
hasClass($list, 'top-menu') => false</code></pre></div></section><section class="section"><header class="section__header"><h3 class="section__h3">addClass(el, className)</h3></header><div class="section__content"><dl class="section__dl"><dt class="section__dt">Category：</dt><dd class="section__dd">Attributes</dd></dl><p>addClass() 方法用来给 DOM 元素添加 class 样式。</p><h4 class="section__h4">Parameters</h4><h5 class="section__h4">el</h5><dl class="section__dl"><dt class="section__dt">Type：</dt><dd class="section__dd">HTMLElement</dd></dl><p>（必须）el 参数指定需要添加 class 样式的 DOM 元素。</p><h5 class="section__h4">className</h5><dl class="section__dl"><dt class="section__dt">Type：</dt><dd class="section__dd">String</dd></dl><p>（必须）className 参数指定要检测的 class 样式名称。</p><h5 class="section__h4">Returns</h5><dl class="section__dl"><dt class="section__dt">Type：</dt><dd class="section__dd">Boolean</dd></dl><p>如果 el 元素包含 className 的 class 样式，则返回 true，否则返回 false。</p><h4 class="section__h4">Usage</h4><pre class="section__pre"><code class="section__code"><ul id="list" class="list">
<li class="item active">Home</li>
<li class="item">Blog</li>
<li class="item">Projects</li>
<li class="item">About</li>
</ul>
// 引入 DOM 模块（中的所有工具方法）
import DOM from '@yaohaixiao/dom.js/dom
// 引用 addClass 单个方法
import hasClass from '@yaohaixiao/dom.js/addClass'
const $list = DOM.byId('#list')
// 添加 class 样式
DOM.addClass($list, 'nav')
DOM.addClass($list, 'primary')
// 判断是否存在 class 样式
DOM.hasClass($list, 'nav') => true
hasClass($list, 'primary') => true
hasClass($list, 'top-menu') => false</code></pre></div></section><section class="section"><header class="section__header"><h3 class="section__h3">replaceClass(el, oldCls, newCls)</h3></header><div class="section__content"><dl class="section__dl"><dt class="section__dt">Category：</dt><dd class="section__dd">Attributes</dd></dl><p>replaceClass() 方法用来替换 DOM 元素中的 className 的样式。</p><h4 class="section__h4">Parameters</h4><h5 class="section__h4">el</h5><dl class="section__dl"><dt class="section__dt">Type：</dt><dd class="section__dd">HTMLElement</dd></dl><p>（必须）el 参数指定需要替换 class 样式的 DOM 元素。</p><h5 class="section__h4">oldCls</h5><dl class="section__dl"><dt class="section__dt">Type：</dt><dd class="section__dd">String</dd></dl><p>（必须）oldCls 要替换的 class 样式名称。</p><h5 class="section__h4">newCls</h5><dl class="section__dl"><dt class="section__dt">Type：</dt><dd class="section__dd">String</dd></dl><p>（必须）newCls 用来替换的 class 样式名称。</p><h4 class="section__h4">Usage</h4><pre class="section__pre"><code class="section__code"><ul id="list" class="list">
<li class="item active">Home</li>
<li class="item">Blog</li>
<li class="item">Projects</li>
<li class="item">About</li>
</ul>
// 引入 DOM 模块（中的所有工具方法）
import DOM from '@yaohaixiao/dom.js/dom
// 引用 addClass 单个方法
import replaceClass from '@yaohaixiao/dom.js/removeClass'
const $list = DOM.byId('#list')
// 添加 class 样式
DOM.addClass($list, 'nav')
// 判断是否存在 class 样式
DOM.replaceClass($list, 'nav', 'main')
hasClass($list, 'list') => true
hasClass($list, 'nav') => false
hasClass($list, 'main') => true</code></pre></div></section><section class="section"><header class="section__header"><h3 class="section__h3">removeClass(el, className)</h3></header><div class="section__content"><dl class="section__dl"><dt class="section__dt">Category：</dt><dd class="section__dd">Attributes</dd></dl><p>removeClass() 方法用来移除 DOM 元素中的 className 的样式。</p><h4 class="section__h4">Parameters</h4><h5 class="section__h4">el</h5><dl class="section__dl"><dt class="section__dt">Type：</dt><dd class="section__dd">HTMLElement</dd></dl><p>（必须）el 参数指定需要移除 class 样式的 DOM 元素。</p><h5 class="section__h4">className</h5><dl class="section__dl"><dt class="section__dt">Type：</dt><dd class="section__dd">String</dd></dl><p>（必须）className 参数指定要移除的 class 样式名称。</p><h4 class="section__h4">Usage</h4><pre class="section__pre"><code class="section__code"><ul id="list" class="list">
<li class="item active">Home</li>
<li class="item">Blog</li>
<li class="item">Projects</li>
<li class="item">About</li>
</ul>
// 引入 DOM 模块（中的所有工具方法）
import DOM from '@yaohaixiao/dom.js/dom
// 引用 addClass 单个方法
import removeClass from '@yaohaixiao/dom.js/remove
dom.js - 一个专门处理 DOM 相关操作的 JavaScript 工具方法库
版权申诉
51 浏览量
2023-10-14
08:05:43
上传
评论
收藏 679KB ZIP 举报
dom.js - 一个专门处理 DOM 相关操作的 JavaScript 工具方法库 （412个子文件） 
commit-msg 75B docs.min.css 236KB docs.css 155KB .eslintignore 17B .gitignore 38B
index.html 188KB favicon.ico 1KB docs.min.js 52KB dom.min.js 17KB dom.min.js 17KB createElement.spec.js 5KB setAttribute.spec.js 3KB gulpfile.js 3KB getOffset.spec.js 3KB offset.spec.js 3KB insertBefore.spec.js 3KB insertAfter.spec.js 3KB isDOM.spec.js 3KB removeAttribute.spec.js 3KB outerHeight.spec.js 3KB insertHTMLBeforeBegin.spec.js 3KB height.spec.js 3KB outerWidth.spec.js 3KB getAttribute.spec.js 3KB width.spec.js 3KB insertHTMLAfterEnd.spec.js 3KB getOffsetLeft.spec.js 3KB innerHeight.spec.js 3KB getOffsetTop.spec.js 3KB innerWidth.spec.js 2KB setStyles.spec.js 2KB _insertAdjacentHTML.js 2KB attrs.spec.js 2KB prepend.spec.js 2KB append.spec.js 2KB getScroll.spec.js 2KB getPageX.spec.js 2KB getPageY.spec.js 2KB sizes.spec.js 2KB before.spec.js 2KB after.spec.js 2KB getPageXY.spec.js 2KB replaceClass.spec.js 2KB closest.spec.js 2KB removeAttributes.spec.js 2KB getPreviousSibling.spec.js 2KB insertHTMLBeforeEnd.spec.js 2KB isCollection.spec.js 2KB inBounding.spec.js 2KB getNextSiblingBy.spec.js 2KB isText.spec.js 2KB getStyles.spec.js 2KB getScrollParent.spec.js 2KB setValue.spec.js 2KB removeClass.spec.js 2KB children.spec.js 2KB isFragment.spec.js 2KB insertHTMLAfterBegin.spec.js 2KB _getElementSizes.js 2KB outerHeight.js 2KB inViewport.spec.js 2KB prev.spec.js 2KB getPreviousSiblings.spec.js 2KB getPreviousSiblingBy.spec.js 2KB nextBy.spec.js 2KB getSiblings.spec.js 2KB outerWidth.js 2KB siblings.spec.js 2KB hasClass.spec.js 2KB toggleClass.spec.js 2KB setAttributes.spec.js 2KB parent.spec.js 2KB css.spec.js 2KB getStyle.spec.js 2KB getNextSibling.spec.js 2KB prevBy.spec.js 2KB scrollTo.js 2KB isElement.spec.js 2KB createElement.js 2KB next.spec.js 2KB setStyle.spec.js 2KB getNextSiblings.spec.js 2KB toggle.spec.js 2KB isMatched.spec.js 2KB prevAll.spec.js 2KB html.spec.js 2KB contains.spec.js 2KB attrs.js 2KB nextAll.spec.js 2KB getAttributes.spec.js 2KB text.spec.js 2KB getValue.spec.js 2KB addClass.spec.js 2KB index.spec.js 2KB clone.spec.js 2KB commitlint.config.js 2KB inDocument.spec.js 1KB getColor.spec.js 1KB byClass.spec.js 1KB getHostOrParent.spec.js 1KB共 412 条
- 1
- 2
- 3
- 4
- 5
资源评论
