切换喜欢/不喜欢

---

使用 CSS 和 JavaScript 在喜欢/不喜欢按钮之间切换。

---

点击图标可在点赞和不赞之间切换（喜欢/不喜欢）:

---

切换（隐藏/显示）元素

步骤 1) 添加 HTML:

实例

<!-- 添加图标库 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<!-- 使用元素在 like/dislike 图标之间切换 -->
<i onclick="myFunction(this)" class="fa fa-thumbs-up"></i>

---

第 2 步）添加 JavaScript:

实例

function myFunction(x) {
  x.classList.toggle("fa-thumbs-down");
} 亲自试一试 »