<script type="text/javascript">window.onclick= function(){//使用window.onload會使反應變慢？ //獲取每個元素的值 var listbtn=document.getElementById('btn1'); var carbtn=document.getElementById('btn2'); var imgs=document.getElementsByTagName('img'); //改變元素的值 listbtn.onclick=function(){ listbtn.className='list-btn-on'; carbtn.className='car-btn-off' for(var i=0;i<imgs.length;i++){ imgs[i].src='http://img1.sycdn.imooc.com//53ab7cf4000196c000500050.jpg'; imgs[i].parentNode.className='a-img small'; } } carbtn.onclick=function(){ listbtn.className='list-btn-off'; carbtn.className='car-btn-on' for(var i=0;i<imgs.length;i++){ imgs[i].src='http://img1.sycdn.imooc.com//53ab7d16000159a801640236.jpg'; imgs[i].parentNode.className='a-img'; } } }</script>
放在window.onload=function(){}里面寫如果內容稍大一點的話
效果可以實現，但是在第一次鼠標單擊的時候頁面沒有反應，用的是firefox/IE/360瀏覽器測試的
如果不用window.onload將script函數而是將代碼放到行內的話就不會出現第一次單擊沒有反應的問題了
我認為是函數加載的原因造成的