javascript 原生class操作

Posted 2021-01-22 听风且雨

<script type="text/javascript">
    function hasClass(elements, cName) {
        return elements.className.match(new RegExp("(\s|^)" + cName + "(\s|$)"));
        //(\s|^)判断前面是否有空格  (\s|$)判断后面是否有空格 两个感叹号为转换为布尔值 以方便做判断
    }
    function addClass(elements, cName) {
        if (!hasClass(elements, cName)) {
            elements.className += " " + cName;
        }
    }
    function removeClass(elements, cName) {
        if (hasClass(elements, cName)) {
            elements.className = element.className.replace(new RegExp("(\s|^)" + cName + "(\s|$)"), " ");
            //replace替换class属性
        }
    }
</script>