第一种方式:(childNodes)
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>DOM</title>
</head>
<script>
window.onload=function(){
var oBti = document.getElementById('div1');
for(var i=0;i<oBti.childNodes.length;i++){
if(oBti.childNodes[i].nodeType==1){
oBti.childNodes[i].style.background='green';
}
};
};
</script>
<style>
#div1{
}
</style>
<div id="div1">
<ul>
<li></li>
<li></li>
</ul>
</div>
<body>
</body>
</html>
第二种方式:children
<script>
window.onload=function(){
var oBti = document.getElementById('div1');
for(var i=0;i<oBti.children.length;i++){
oBti.children[i].style.background='green';
};
};
</script>