javascript 原生class操作

Posted 2021-01-22 听风且雨

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了javascript 原生class操作相关的知识，希望对你有一定的参考价值。

<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>

以上是关于javascript 原生class操作的主要内容，如果未能解决你的问题，请参考以下文章