隔行换色
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>
</title>
<script language="javascript" type="text/javascript">
function gehang(){
var node=document.getElementById("div1").childNodes;
//alert(node.length);
for(var i=0;i<node.length;i+=2){
node[i].style.background="#999999";
}
}
</script>
</head>
<body>
<div id="div1">
<p id="test1">
111111111111
</p>
<span id="test2">
11111111111111
</span>
<p>
22222222222222222
</p>
<a href="#">
333333333333333
</a>
<p>
444444444444444444444444
</p>
<span>
5555555555555555555
</span>
<p>
666666666666666666666666666
</p>
<p>
777777777777777777777
</p>
<p>
888888888888888888888888888
</p>
</div>
</body>
<input type="button" value="隔行变色" onclick="gehang()"/>
</html>
