2016-05-14 190 views
-1
document.getElementById("link1").addEventListener("click", c); 
    function c(){ 
     var a = document.querySelectorAll('.images'); 
     for(var k in a){ 
      a[k].setAttribute('class','col-md-12'); 
     } 
    } 
document.getElementById("link2").addEventListener("click", d); 
    function d(){ 
     var a = document.querySelectorAll('.images'); 
     for(var k in a){ 
      a[k].setAttribute('class','col-md-6'); 
     } 
    } 
document.getElementById("link3").addEventListener("click", e); 
    function e(){ 
     var y = document.querySelectorAll('.images'); 
     for(var z in y){ 
      y[z].setAttribute('class','col-md-4'); 
     } 
    } 

這裏是我的JS代碼,我不知道我的錯在哪裏?任何人都可以幫忙非常感謝:) 我在codepen http://codepen.io/anon/pen/MyRmGy我不知道爲什麼我的代碼是錯的?它有什麼不對?

+4

你的問題應該始終狀態的代碼是什麼支持做,而不是實際做什麼。 –

+0

嗨,歡迎來到SO!請閱讀[this](http://stackoverflow.com/help/how-to-ask)文章,瞭解如何提出更好的問題,這將有助於人們給你更好的答案。 –

回答

1

演示通過改變圖像的class屬性,它們不會被後續調用發現document.querySelectorAll('.images')

組保持images類的類屬性:

a[k].setAttribute('class', 'col-md-12 images'); 

(如果你的問題是,代碼只適用於第一個鏈接的點擊,你還沒說)

+0

omg,它的工作,非常感謝你:D,你有任何課程可以學習嗎?你能分享xD謝謝你:D –

+0

@duy我沒有課程,我剛剛一直在努力工作了很多年,並且自己犯了大多數錯誤,所以過了一段時間你就學會了調試你的代碼。如果您在控制檯中沒有錯誤,則首先要確認您正在處理您認爲正在處理的數據。我在這裏嘗試的第一件事是投入一個「alert(a.length)」來檢查事件是否被觸發,並找到了圖像。當第一次點擊時出現了'10',第二次出現了'0'時,你很清楚問題出在哪裏。 –

相關問題