我想单击一个元素以切换在完全不相关的元素（不是子元素，父元素或同级元素）上引用的类
例如，最初的代码如下所示
<a id="button">Button</a>
<div class="navigation">
Foo
</div>
当用户单击具有id的元素时，buttonHTML将会更改为如下所示（在已引用“ navigation”的元素上引用了“ open”类”：
<a id="button">Button</a>
<div class="navigation open">
Foo
</div>
用户应该能够通过单击具有id的元素来切换类button。
我想使用纯JavaScript来达到此效果。
你可以附上click事件与ID按钮button，然后点击选择具有类的元素navigation使用getElementsByClassName()（TI将返回节点列表），然后使用选择的第一个[0]，然后使用toggle()：
document.getElementById('button').onclick = function(){
document.getElementsByClassName('navigation')[0].classList.toggle("open");
}
希望这可以帮助。
document.getElementById('button').onclick = function(){
document.getElementsByClassName('navigation')[0].classList.toggle("open");
}.open{
background-color: green;
color: white;
}<a id="button">Button</a>
<div class="navigation">
Foo
</div>本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句