js 点击active样式

你可以通过JS实现点击添加/移除元素的active样式，具体实现可以参考以下代码：

HTML：

<button id="myBtn">Click me</button>

CSS：

button.active{
  background-color: blue;
  color: white;
}

JS：

let button = document.getElementById("myBtn");
button.addEventListener("click", function() {
  button.classList.toggle("active");
});

这段代码会给按钮添加一个点击事件监听器，当按钮被点击时，会使用 `classList.toggle()` 方法在 `active` 类和普通类之间切换。如果按钮已有 `active` 类，则该类将被移除，否则将被添加。

相关问题

微信小程序active样式

微信小程序中，可以使用 `wx-active` 样式类来设置元素的激活态样式。当元素被点击或者触摸时，该样式会被应用到该元素上。

示例代码：

<view class="container">
  <view class="item wx-active">Item 1</view>
  <view class="item wx-active">Item 2</view>
  <view class="item wx-active">Item 3</view>
</view>

.container {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.item {
  width: 30%;
  height: 100px;
  margin-bottom: 20px;
  background-color: #eee;
  text-align: center;
  line-height: 100px;
  border-radius: 5px;
}

.wx-active {
  background-color: #007aff;
  color: #fff;
}

在上面的示例中，当用户点击或者触摸 `item` 元素时，`wx-active` 样式会被应用到该元素上，使其背景色变为蓝色，字体颜色变为白色。

需要注意的是，`wx-active` 样式只有在点击或者触摸事件触发时才会被应用，如果你需要在其他情况下也应用该样式，可以使用 JavaScript 动态添加或移除该样式。

js中active什么意思

在JavaScript中，"active"通常是用来描述网页中的交互状态的。具体来说，当一个元素被"active"时，通常表示该元素当前正在被用户操作或者被程序修改。例如，当用户鼠标点击一个按钮时，该按钮的"active"状态可能会被设置为"true"，以便程序知道按钮当前正在被点击。此外，"active"还可以用来描述CSS中的样式，例如:hover和:focus伪类，以实现在用户与元素交互时改变元素的样式效果。