方法 - htmx.removeClass()

htmx.removeClass 是 HTMX 提供的一个辅助函数,用于从一个或多个元素中移除指定的 CSS 类名(class)。它是对原生 DOM classList.remove() 的包装,常在自定义扩展、事件回调或动画控制中使用。

参数

  • elt - 要删除类的元素
  • class - 要删除的类

或者

  • elt - 要删除的元素
  • class - 要删除的类
  • delay- 删除类前的延迟(以毫秒为单位)

示例代码

<body>
<div id="list">
  <p class="item highlight">1</p>
  <p class="item highlight">2</p>
  <p class="item highlight">3</p>
</div>


</body>
<script>
    const item = htmx.find(".item"); // 获取到 P1
    htmx.removeClass(item, "highlight"); 
</script>

也可以延迟删除

<body>
<div id="list">
  <p class="item highlight">1</p>
  <p class="item highlight">2</p>
  <p class="item highlight">3</p>
</div>


</body>
<script>
    const item = htmx.find(".item");
    htmx.removeClass(item, "highlight",5000); // 延迟5秒删除
</script>