Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/url/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我不知道为什么我的代码错了?怎么了?_Javascript - Fatal编程技术网

Javascript 我不知道为什么我的代码错了?怎么了?

Javascript 我不知道为什么我的代码错了?怎么了?,javascript,Javascript,这是我的JS代码,我不知道我怎么了?有人能帮忙吗?非常感谢:) 我在codepen中的演示通过更改图像的class属性,后续调用document.queryselectoral('.images')将找不到这些图像 设置维护图像的class属性类: document.getElementById("link1").addEventListener("click", c); function c(){ var a = document.querySelectorAll('.

这是我的JS代码,我不知道我怎么了?有人能帮忙吗?非常感谢:)
我在codepen中的演示

通过更改图像的
class
属性,后续调用
document.queryselectoral('.images')将找不到这些图像

设置维护
图像的class属性
类:

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');
        }
    }   

(如果您的问题是代码只在单击第一个链接时起作用;您没有说过)

您的问题应该始终说明代码应该做什么,而不是它实际做什么。您好,欢迎访问!请阅读这篇文章,了解如何提出更好的问题,这将有助于人们给你更好的答案。天哪,这很有效,非常感谢你:D,你有学习这方面的课程吗?你能分享xD吗谢谢你:D@duy我没有课程,我只是在这方面工作了很长时间,我自己也犯了很多错误,所以过了一段时间,你就可以学会调试你的代码了。如果控制台中没有错误,第一步是验证您正在使用您认为正在使用的数据。我在这里尝试的第一件事是抛出一个
警报(a.length)
,检查事件是否被触发,图像是否被找到。当第一次单击时给出
10
,第二次单击时给出
0
,您就非常清楚问题所在。
a[k].setAttribute('class', 'col-md-12 images');