<!DOCTYPE html>
<html>
<head></head>
<link rel="stylesheet" href="test.css">
<script>
window.onload = function(){
var Oul = document.getElementById("meun");
for(var i=0;i<Oul.childNodes.length;i++){
if(Oul.childNodes[i].nodeType===1){
Oul.childNodes[i].style.backgroundColor="red";
}
}
}
<!--这里采用的是childNodes和nodeType来实现，nodeType===1的时候是元素节点，nodeType===3的时候是文本节点。这里可以完全用children来完成。直接选择元素节点。
window.onload = function(){
var Oul = document.getElementById("meun");
for(var i=0;i<Oul.children.length;i++){
Oul.children[i].style.backgroundColor="red";
}
}
-->
</script>
<body>
<div id="div1">
<ul id="meun">
<li></li>
<li></li>
<li></li>
<li></li>
</ul>
</div>
</body>
</html>