52 lines
1.0 KiB
TypeScript
52 lines
1.0 KiB
TypeScript
/**
|
|
* DOM 操作相关工具函数
|
|
*/
|
|
|
|
/**
|
|
* 检查元素是否包含指定 class
|
|
* @param ele HTML 元素
|
|
* @param cls class 名称
|
|
* @returns 是否包含
|
|
*
|
|
* @example
|
|
* ```ts
|
|
* const hasActiveClass = hasClass(element, 'active');
|
|
* ```
|
|
*/
|
|
export function hasClass(ele: HTMLElement, cls: string): boolean {
|
|
return !!ele.className.match(new RegExp("(\\s|^)" + cls + "(\\s|$)"));
|
|
}
|
|
|
|
/**
|
|
* 为元素添加 class
|
|
* @param ele HTML 元素
|
|
* @param cls class 名称
|
|
*
|
|
* @example
|
|
* ```ts
|
|
* addClass(element, 'active');
|
|
* ```
|
|
*/
|
|
export function addClass(ele: HTMLElement, cls: string): void {
|
|
if (!hasClass(ele, cls)) {
|
|
ele.className += " " + cls;
|
|
}
|
|
}
|
|
|
|
/**
|
|
* 从元素移除 class
|
|
* @param ele HTML 元素
|
|
* @param cls class 名称
|
|
*
|
|
* @example
|
|
* ```ts
|
|
* removeClass(element, 'active');
|
|
* ```
|
|
*/
|
|
export function removeClass(ele: HTMLElement, cls: string): void {
|
|
if (hasClass(ele, cls)) {
|
|
const reg = new RegExp("(\\s|^)" + cls + "(\\s|$)");
|
|
ele.className = ele.className.replace(reg, " ");
|
|
}
|
|
}
|