我不知道为什么我的代码错了?这有什么不对?

时间:2016-05-14 07:22:40

标签: javascript

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

1 个答案:

答案 0 :(得分:1)

通过更改图片的class属性,后续调用document.querySelectorAll('.images')无法找到它们

设置维护images类的类属性:

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

(如果您的问题是代码仅适用于第一次链接点击;您还没有说过)