Javascript 在具有类的元素上切换类

Question

当点击任何带有 .mytrigger 的元素时，.myactive 将在带有 #mytarget 的元素上切换。

我有以下代码:

var navclick = document.getElementsByClassName("mytrigger");
for (var i = 0; i < navclick.length; i++) {
 navclick[i].onclick = function() {
    document.getElementById('mytarget').classList.toggle("myactive");
  }
}

.myactive {
  background-color: blue;
  color: white;
}

<a class="mytrigger">Button</a>
<div id="mytarget"><p>Hello</p></div>
<a class="mytrigger">Button</a>

我需要有多个触发器，因此这变得令人困惑，因此我无法找出正确的代码。我不能为此使用 jquery。

Answer 1

使用“.mytrigger”类创建任意数量的元素，只需按上述方式放置 onclick 函数即可。

我希望这有帮助:- 如果没有，请澄清您的问题

HTML 代码

<a onclick="myFunction()" class="mytrigger">Button</a>
<div id="mytarget"><p>Hello</p></div>
<a onclick="myFunction()" class="mytrigger">Button</a>

Javascript代码

function myFunction() {
  var element = document.getElementById("mytarget");
  element.classList.toggle("myactive");
}