效果出不来
不知道为什么啊,和别人的代码一样,但是效果就是出不来啊,点击listBtn按钮,完全没效果
不知道为什么啊,和别人的代码一样,但是效果就是出不来啊,点击listBtn按钮,完全没效果
2015-12-27
<script type="text/javascript"> // 添加页面加载完成时的事件,然后执行以下代码。 window.onload=function(){ var listBtn = document.getElementById("btn1"); var carBtn = document.getElementById("btn2"); var imgs = document.getElementsByTagName("img");// 获取多个图片对象 listBtn.onclick = function(){ listBtn.className = "btn-list-on"; carBtn.className = "btn-car-off"; // 改变按钮的class的值 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"; } // 改变每一个图片的路径以及它的对应的父节点的class的值 } carBtn.onclick = function(){ listBtn.className = "btn-list-off"; carBtn.className = "btn-car-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>
举报