не понял, что Вы пытаетесь, но вот например:
<ul class="list" id="list">
<li>123</li><li>456</li><li>789</li>
</ul>
<script>
var lists = document.getElementsByClassName('list')[0];
for (i=0;i<lists.children.length;i++){
lists.children[i].onmouseover = show;
}
function show(){
if(this.tagName == 'LI')
this.style.color= this.style.color=='red'?'green':'red';
}
</script>
ошибка от i<=this.children.length - выход за пределы массива