muzidigbig-utils-npm/src/modules/nodes/ele.js

一个日常开发积累的工具包。 每次 npm publish 都需要修改 package.json version版本号保证其唯一。

/**
 * 获取body
 * document.body --> Google
 * document.documentElement --> <=IE8
 */
const bodyEle = () => {
    return document.body || document.documentElement;
}

/** 
 * 8. 创建一个带文本的节点
 * tagName --> 标签
 * txt --> 文本内容
 */
const createEleTxt = (tagName, txt) => {
    var node = document.createElement(tagName);
    var oTxt = document.createTextNode(txt);
    node.appendChild(oTxt);
    return node;
}

/** 
 * 9. 目标元素之后插入一个元素
 * newElement --> 新元素
 * targetElement --> 目标元素
 */
const insertAfter = (newElement, targetElement) => {
    var parent = targetElement.parentNode;
    if (parent.lastChild == targetElement) {
        parent.appendChild(newElement);
    } else {
        parent.insertBefore(newElement, targetElement.nextSibling);
    }
}

/** 
 * 10. 替换文本
 * ele --> dom
 * txt --> 文本内容
 */
function replaceText(ele, txt) {
    return ele.innerText ? ele.innerText = txt : ele.textContext = txt;
}

/**
 * 检查一个元素是否有一个类
 * @param {HTMLElement} elm
 * @param {string} cls
 * @returns {boolean}
 */
function hasClass(ele, cls) {
    return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))
}

/**
 * 向元素添加类
 * @param {HTMLElement} elm
 * @param {string} cls
 */
function addClass(ele, cls) {
    if (!hasClass(ele, cls)) ele.className += ' ' + cls
}

/**
 * 从元素中移除类
 * @param {HTMLElement} elm
 * @param {string} cls
 */
function removeClass(ele, cls) {
    if (hasClass(ele, cls)) {
        const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)')
        ele.className = ele.className.replace(reg, ' ')
    }
}

export {
    bodyEle,
    createEleTxt,
    insertAfter,
    replaceText,
    hasClass,
    addClass,
    removeClass,
}