<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
li{
width: 30px;
height:30px;
list-style: none;
}
</style>
</head>
<body>
<body>
<!-- 封装 -->
<script>
window.οnlοad=function(){
function byclass(parent,sClass){
var all=parent.getElementsByTagName("*"); //获取所有标签
var result=[]; //建造一个数组 re=/ftyff/i;
var re=new RegExp(sClass,"i"); //创建一个新的正则表达式
for(var i=0;i<all.length;i++){
if(re.test(all[i].className)){
result.push(all[i]);
}
}
console.log(result);
return result;
}
var oUl=document.getElementsByTagName("ul")[0]; //文本提取UL;
var xxx=byclass(oUl,"sssss"); //
console.log(xxx);
for(var i=0;i<xxx.length;i++){
xxx[i].style.background="red";
};
}
</script>
<ul>
<li class="sssss"></li>
<li></li>
<li></li>
<li class="sssss"></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</body>
</html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<style>
li{
width: 30px;
height:30px;
list-style: none;
}
</style>
</head>
<body>
<body>
<!-- 封装 -->
<script>
window.οnlοad=function(){
function byclass(parent,sClass){
var all=parent.getElementsByTagName("*"); //获取所有标签
var result=[]; //建造一个数组 re=/ftyff/i;
var re=new RegExp(sClass,"i"); //创建一个新的正则表达式
for(var i=0;i<all.length;i++){
if(re.test(all[i].className)){
result.push(all[i]);
}
}
console.log(result);
return result;
}
var oUl=document.getElementsByTagName("ul")[0]; //文本提取UL;
var xxx=byclass(oUl,"sssss"); //
console.log(xxx);
for(var i=0;i<xxx.length;i++){
xxx[i].style.background="red";
};
}
</script>
<ul>
<li class="sssss"></li>
<li></li>
<li></li>
<li class="sssss"></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</body>
</html>