原生作业--封装函数---判断标签是否包含特定字符_如何判断div中是否包含某元素符号-CSDN博客

本文链接：https://blog.csdn.net/m0_49923542/article/details/108663280

封装函数—判断标签是否包含特定字符

代码如下：

<body>

<div class="demo abc xxx"></div>
<div class="111"></div>
<span class="demo"></span>
<div class="222"></div>
<div class="333"></div>
<p class="demo abc"></p>

<script>
    function getClass(demo) {
        var dom = document.getElementsByTagName("*");    //找全局所有标签
        var arr = [];     //定义一个空数组
        for (var i = 0; i < dom.length; i++) {             //循环所有标签
            //dom[5]=<div class="demo abc xxx"></div>
            //class_lists=[demo,abc,xxx]    class_lists[0]=demo
            var class_lists = dom[i].className.split(' ');   //把class内的所有属性用" "（空格）去拆分
            // console.log(class_lists)
            for (var x = 0; x < class_lists.length; x++) {   // 循环标签内拆分的所有class
                if (class_lists[x] == demo) {
                    arr.push(dom[i])        //把找到指定字符的所有标签加到该数组
                }
            }
        }
        console.log(arr)
    }
    getClass('demo')                    //引用函数，找含有demo的class

</script>

知识点：

split(’ 间隔符号-可以为空隔或/，不填默认为, ')— 字符串→数组
join(连接的对象)— 数组→字符串