innerHTML的运用

<!doctype html>
<html>

<style>
li{float:left;margin:0 100px;color:red;}

</style>
<head>
</head>
<body>
<div id="show" style="widht:100%;height:50px;background:#000;color:#fff;text-align:center;line-height:50px;font-size:50px;"></div>
<div style="100%;height:20px;background:#000;">
<ul style="list-style:none;">
<li>空间</li>
<li>阿斯蒂芬</li>
<li>l老</li>
<li>=记录=</li>
<li>狄仁杰</li>
<li>宋慈</li>
</ul>
</div>


<script>
window.onload=function(){
var Oshow = document.getElementById('show');
var Oli = document.getElementsByTagName('li');
for(var i =0;i<Oli.length;i++){
Oli[i].onmouseover=function(){
Oshow.innerHTML= this.innerHTML
}
}
}

</script>
</body>
</html>

人如代码，规矩灵活；代码如诗，字句精伦。