2016-05-14 187 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'时,你很清楚问题出在哪里。 –

相关问题