javascript - 如何使用 JavaScript 切换 CSS 中的类？

Question

<i class="icon slash eye" id="test" 
  onclick="registerFunction(); myFunction(this);" 
  style="margin-bottom:-20px;cursor: pointer;float:right;"></i>

脚本

<script>
function myFunction(x) {
    x.classList.remove("slash");
    }
</script>

它正在改变斜线眼对眼，但反之亦然。我怎样才能实现这一目标？

Answer 1

您只需使用 remove 方法删除该类。

您的问题几乎已经得到了解答，因为它的解决方案是 toggle 方法。

<script>
    function myFunction(x) {
        x.classList.toggle("slash");
    }
</script>

通过这个简单的更改，您的代码现在应该按照您的预期运行。