封装函数—判断标签是否包含特定字符
代码如下:
<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(连接的对象)— 数组→字符串