javascript - 使用 Javascript 更改类

Question

请原谅我的愚蠢问题，我是初学者:/出于某种原因，由于 Wordpress 上的 Divi 主题有些东西，我无法使用 Jquery。

我需要将 CSS 类更改为某些链接，以便它们在被选中时会改变颜色(这些链接揭示了不同的 div 内容)

我已经试过了:

function linkcolor() {
   document.getElementById(arguments[0]).className='serveminus'; 
   for(var i=1; i< arguments.length-1; i++) {
      document.getElementById(arguments[i]).className='serve'; 
   }  
}

当我调用该函数时，我会将 anchor 的 ID 添加为参数。第一个将显示为“已选择”(serveminus)，而另一个将显示为灰色(服务)。不知何故我已经开始工作了，但我需要有这个其他功能:当一个链接已被选中并且它具有“serveminus”类时，如果再次单击，该类将变回“serve”。

如果我添加以下条件，我猜它会生成一个无意义的循环....

 if (document.getElementById(arguments[0]).className='serveminus') {
    document.getElementById(idlink).className='serve';
 } else {

Answer 1

听起来您需要设置一个 onClick 事件监听器: https://developer.mozilla.org/en-US/docs/Web/API/EventListener

伪代码可能是:

if link is clicked and link is selected
  set event listener on link 
    onClick change class to 'serve'
    remove event listener