Javascript 为什么切换在JS中只发生一次

Javascript 为什么切换在JS中只发生一次,javascript,html,css,Javascript,Html,Css,正如标题所说,我需要在一些按钮上切换一个类,但我真的不知道如何多次这样做。问题在于第二个代码块(带有document.querySelector的代码块),而不是另一个代码块 另一个在那里,因为它用于导航,而且它必须在那里 如果单击“executie”,文本将更改。在它下面,将有一个箭头来更改文本。它可以工作,但是如果你想返回(在出现的另一个箭头上),它就不再工作了 有人能帮我理解为什么会这样吗?谢谢 document.querySelector(“.fa-arrow-custom”).add

正如标题所说,我需要在一些按钮上切换一个类,但我真的不知道如何多次这样做。问题在于第二个代码块(带有document.querySelector的代码块),而不是另一个代码块

另一个在那里,因为它用于导航,而且它必须在那里

如果单击“executie”,文本将更改。在它下面,将有一个箭头来更改文本。它可以工作,但是如果你想返回(在出现的另一个箭头上),它就不再工作了

有人能帮我理解为什么会这样吗?谢谢

document.querySelector(“.fa-arrow-custom”).addEventListener(“单击”,函数(){
const primaPagina=document.querySelector(“.executie problema”);
const aDouaPagina=document.querySelector(“.executie2 problema”)
primaPagina.classList.toggle(“隐藏”,!primaPagina.classList.contains(“隐藏”);
切换(“隐藏”!aDouaPagina.classList.contains(“隐藏”);
});
.hide{
显示:无;
}

分而治之
Pasi(除名):
  • 在主要的este apelata functia中,cu n=5
  • Pt n=5,阶乘返回数为5*阶乘(4)。Astfel,stiva中的este pus 5*阶乘(4)
  • Se计算阶乘(4),ce返回阶乘(3),stiva开发的urmatour元素阶乘(3)
  • 计算阶乘(3),返回阶乘(2),在stiva中计算
  • 阶乘(2)este 2*阶乘(1)–在stiva中连续出现
  • 阶乘(1)este 1*阶乘(0)–stiva中的多元素pus
  • 按操作划分区域,按阶乘(0)划分区域1
  • Datorita faptului ca在多元素元素元素中的分布在多元素元素中,如图所示:
  • 乌尔马托鲁尔pas(Impera):
  • 阶乘(0)este1,deci1*阶乘(0)este1
  • 2*阶乘(1)este 2*1=2
  • 3*阶乘(2)este 3*2=6
  • 4*阶乘(3)este 4*6=24

  • 5*factorial(4)este 5*24=120如果有两个或多个元素,则必须使用
    querySelectorAll

    然后使用
    forEach
    为每个元素添加一个事件

    document.getElementById(“listUL”).addEventListener(“单击”,函数(e){
    常数tgt=e.target;
    const id=tgt.dataset.id;
    […document.queryselectoral(“div.problema”)]
    .forEach(div=>div.classList.toggle(“隐藏”、!div.classList.contains(id)))
    })
    const primaPagina=document.querySelector(“.executie problema”);
    const aDouaPagina=document.querySelector(“.executie2 problema”);
    document.querySelectorAll(“.fa-arrow-custom”).forEach(elem=>{
    元素addEventListener(“单击”,函数(){
    primaPagina.classList.toggle(“隐藏”,!primaPagina.classList.contains(“隐藏”);
    切换(“隐藏”!aDouaPagina.classList.contains(“隐藏”);
    })
    })
    .hide{
    显示:无;
    }
    
    分而治之
    
    • 概括性
    • avantaje数据id=“avantaje problema”>avantaje dezavantaje数据id=“dezavantaje problema”>dezavantaje
    • IdentificateCare DEI
    • criteri de rezolvare DEI
    • de ce dei
    • cod
    • 复杂状态
    • 执行
    测试 Pasi(除名):
  • 在主要的este apelata functia中,cu n=5
  • Pt n=5,阶乘返回数为5*阶乘(4)。Astfel,stiva中的este pus 5*阶乘(4)
  • Se计算阶乘(4),ce返回阶乘(3),stiva开发的urmatour元素阶乘(3)
  • 计算阶乘(3),返回阶乘(2),在stiva中计算
  • 阶乘(2)este 2*阶乘(1)–在stiva中连续出现
  • 阶乘(1)este 1*阶乘(0)–stiva中的多元素pus
  • 按操作划分区域,按阶乘(0)划分区域1
  • Datorita faptului ca在多元素元素元素中的分布在多元素元素中,如图所示:
  • 乌尔马托鲁尔pas(Impera):
  • 阶乘(0)este1,deci1*阶乘(0)este1
  • 2*阶乘(1)este 2*1=2
  • 3*阶乘(2)este 3*2=6
  • 4*阶乘(3)este 4*6=24

  • 5*factorial(4)este 5*24=120如果有两个或多个元素,则必须使用
    querySelectorAll

    然后使用
    forEach
    为每个元素添加一个事件

    document.getElementById(“listUL”).addEventListener(“单击”,函数(e){
    常数tgt=e.target;
    const id=tgt.dataset.id;
    […document.queryselectoral(“div.problema”)]
    .forEach(div=>div.classList.toggle(“隐藏”、!div.classList.contains(id)))
    })
    const primaPagina=document.querySelector(“.executie problema”);
    const aDouaPagina=document.querySelector(“.executie2 problema”);
    document.queryselectoral(“.fa-arrow-custom”)。