javascript - 通过 ID 切换元素的类

Question

我试图在单击元素时将其类从一个值 A 更改为值 B，然后在第二次单击时从值 B 变回值 A。我在这里找到了一些代码，允许我更改一次，但不能更改第二次。 (参见原文 here)。

原代码如下:

<script type="text/javascript">
  function changeClass() {
    document.getElementById("MyElement").className += " MyClass";
    document.getElementById("MyElement").className = document.getElementById("MyElement").className.replace(/(?:^|\s)MyClass(?!\S)/g, '')
  }
</script>

这是我的代码:

<script type="text/javascript">
  function changeClass() {
    if (document.getElementByID("arrow").className == "arrowdown") {
      document.getElementById("arrow").className.replace(/(?:^|\s)arrowdown(?!\S)/g, 'arrowup')
    }
    elseif(document.getElementByID("arrow").className == "arrowup") {
      document.getElementById("arrow").className.replace(/(?:^|\s)arrowup(?!\S)/g, 'arrowdown')
    }
  }
</script>

Answer 1

$('#arrow').toggleClass('arrowup arrowdown');