function changeStyle(ele){
var liAry=document.getElementById("box").getElementsByTagName("li")
var liLen=liAry.length
var liID=ele.id
for(var i=0i<liLeni++)
{
if(liAry[i].id==liID)
{
liAry[i].style.backgroundColor="#cccccc"
}
else
{
liAry[i].style.backgroundColor="white"
}
}
}
</script>
<div id="box">
<li id='1' style="background-color:#cccccc" onclick="changeStyle(this)">AAA</li>
<li id='2' onclick="changeStyle(this)">BBB</li>
<li id='3' onclick="changeStyle(this)">CCC</li>
</div>
var ul = document.getElementsByTagName('ul')[0],li1 = ul.getElementsByTagName('li')[1],
div = li1.getElementsByTagName('div')[0]
div.setAttribute('class','你要添加的样式CLASS名')
//添加属性也可以这样做。
//只是添加样式也可以div.className = 'class名'
<!DOCTYPE HTML><html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html charset=UTF-8" />
<style>
.abc {
background-color: red
}
</style>
<script>
onload = function() {
var lis = document.querySelectorAll("ul li")
for (var i = 1 i < lis.length i += 4) {
lis[i].className = "abc"
if (lis[i + 1]) {
lis[i + 1].className = "abc"
}
}
}
</script>
</head>
<body>
<ul>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</body>
</html>
欢迎分享，转载请注明来源：内存溢出
微信扫一扫
支付宝扫一扫
评论列表（0条）