Javascript节点列表循环无法正常工作

时间:2020-05-20 19:30:16

标签: javascript html css nodelist

好的。这足以让您查看。我已经对其进行了修改,以使其更短。由于某种原因,它喜欢某些元素,但是不喜欢其他元素。我不明白为什么会这样,但是这让我很头疼。帮助将不胜感激。

//I am selecting the elements that are the buttons chat are changing the slides. 

let button1 = document.querySelector('#Dot1');
let button2 = document.querySelector('#Dot2');
let button3 = document.querySelector('#Dot3');
let button4 = document.querySelector('#Dot4');
let button5 = document.querySelector('#Dot5');
let button6 = document.querySelectorAll('Span.dot');
let button7 = document.querySelectorAll('.active');


let para = document.querySelectorAll('p');
for (i = 0; i < para.length; i++){
    console.log(para[i]);
};

//I'm going to try to do code differently. This code is not liking what I am trying to do. It's messing up my JS. 


function removeAttr(){

for (i = 0; i < button6.length; i++){
    button6[i].addEventListener('click', function(e){
    let button9 = document.querySelectorAll('Span.dot');
     let target = e.target;

    button[i].classList.remove('active');
    target.classList.add('active');
        console.log(target);






    }, false);


//alert(button6.length);
    }
                                }



setTimeout(removeAttr, 2000); 

let image = document.querySelector('#image');
console.log(image);

1 个答案:

答案 0 :(得分:0)

是的!!!在一个有趣的突破性会议之后,我弄清楚了我做错了什么。我误会了索引的位置。我也误解了如何应用Switch语句。我找到了一种方法来应用Switch语句,然后让它们通过到最后,这样就不会破坏我正在工作的轮播。最后。

至于破损的代码,它花了很多时间进行试验,有时,我不确定这是为什么不起作用。但是,我是从头开始的。我发现以前代码中的某些功能使其无法正常工作,因此我将其取出并在其中添加了更新的代码,然后它可以正常工作。我现在肯定会清理CSS。

相关问题