<script type="text/javascript">

window.onload=function(){

var ohouse=document.getElementById("house");

var oul=ohouse.getElementsByTagName("ul")[0];  //而标签和类名则不同DOM规则规定它们是可以多个  ，所以标签和类名获取要加[0]来获取它们是 第几个  获取ul第一个 元素 

var oli=oul.getElementsByTagName("li");

var odiv=ohouse.getElementsByTagName("div");

for(var i=0;i<oli.length;i++){

oli[i].index=i;

oli[i].onclick=function(){

for(var n=0;n<oli.length;n++){

oli[n].className="";

odiv[n].className="hide";

}

this.className="on";

odiv[this.index].className="";

}

}

}

</script>