美文网首页
js对dom标签的class操作

js对dom标签的class操作

作者: chenkunliia | 来源:发表于2020-03-02 11:01 被阅读0次

    代码如下:

    /**
     * Check if an element has a class
     * @param {HTMLElement} elm
     * @param {string} cls
     * @returns {boolean}
     */
    export function hasClass(ele, cls) {
      return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))
    }
    
    /**
     * Add class to element
     * @param {HTMLElement} elm
     * @param {string} cls
     */
    export function addClass(ele, cls) {
      if (!hasClass(ele, cls)) ele.className += ' ' + cls
    }
    
    /**
     * Remove class from element
     * @param {HTMLElement} elm
     * @param {string} cls
     */
    export function removeClass(ele, cls) {
      if (hasClass(ele, cls)) {
        const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)')
        ele.className = ele.className.replace(reg, ' ')
      }
    }
    

    相关文章

      网友评论

          本文标题:js对dom标签的class操作

          本文链接:https://www.haomeiwen.com/subject/mqlpkhtx.html