                        課程
                    
                        /前端開(kāi)發(fā)
                        
                            /JavaScript
                        
                        /信息排列效果

效果出不來(lái)

不知道為什么啊，和別人的代碼一樣，但是效果就是出不來(lái)啊，點(diǎn)擊listBtn按鈕，完全沒(méi)效果

朝夕77

2015-12-27

源自：信息排列效果 3-2

關(guān)注問(wèn)題我要回答

1007

操作

收起

2 回答

李曉健回答被采納 +3 積分
2015-12-27

那就把你的代碼給出來(lái)。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

朝夕77 提問(wèn)者

回復(fù)不讓超過(guò)300字，我回答到下面了

2016-01-01 回復(fù) 有任何疑惑可以回復(fù)我~

#2

朝夕77 提問(wèn)者

非常感謝！

2016-01-02 回復(fù) 有任何疑惑可以回復(fù)我~

朝夕77 提問(wèn)者
2016-01-01

<script?type="text/javascript">?
?
???????//?添加頁(yè)面加載完成時(shí)的事件,然后執(zhí)行以下代碼。
?window.onload=function(){
????????var?listBtn?=?document.getElementById("btn1");
????????var?carBtn?=?document.getElementById("btn2");??
????????var?imgs?=?document.getElementsByTagName("img");//?獲取多個(gè)圖片對(duì)象????????
????????
????????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";
????????????}
????????//?改變每一個(gè)圖片的路徑以及它的對(duì)應(yīng)的父節(jié)點(diǎn)的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>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

李曉健

for(var i=0;i<imgs.length;i++){ 這里i=0后面是;不是, 如果還有問(wèn)題，帖一下html代碼

2016-01-01 回復(fù) 有任何疑惑可以回復(fù)我~