<style type="text/css"> *{ margin: 0px; padding: 0px; } #banner{ width: 400px; height: 300px; border: 2px solid green; } #banner .nav{ width: 100%; height: 50px; } #banner .nav ul li{ width: 130px; height: 50px; float: left; list-style: none; background: green; margin-left: 2px; } #banner .text{ width: 400px; height: 250px; border: 1px solid red; } </style></head><body>? ?<div id="banner">? ? ?<div class="nav">? ? <ul>? ? <li></li>? ? <li></li>? ? <li></li>? ? </ul>? ? ? </div>? ? ?<div class="text"></div>? ?</div>?<script>? var getNav = document.getElementsByTagName("li");? var li1="我喜歡編程";? var li2="我喜歡數據結構";? var li3="我要成功";? var getText = document.getElementsByClassName("text")? function changeText(obj,txt){? ? ? ? obj.innerHTML=txt;? }? getNav[0].onmouseover =function(){? changeText(getText,li1);? }?</script>
為什么不能執行呀？求解
leexiaoxiao
2016-09-22 10:56:01
