<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
</head>
<body>
</html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function getByClass(oParent,oClass){
var aEle=oParent.getElementsByTagName('*');var aResult=[ ]; // 空数组for(var i=0;i<aEle.length;i++){
if(aEle[i].className==oClass){
aResult.push(aEle[i]);
}
}return aResult;
}
window.οnlοad=function(){
var oUl1=document.getElementById('ul1');var aLi=getByClass(oUl1,'box'); //注意语法格式for(var i=0;i<aLi.length;i++){
aLi[i].style.background='yellowgreen';
}/*for(var i=0;i<aLi.length;i++){
if(aLi[i].className=='box'){
aLi[i].style['background']='red';
}
}*/
}</script>
</head>
<body>
<ul id="ul1">
<li class="box">111</li><li class="box">111</li><li>111</li><li>111</li><li class="box">111</li><li>111</li>
</ul></body>
</html>