Javascript 无法从js调用字体

我用js称之为font awesome thumb down/up，但我用的是5.6.3版本的font awesome

JS

在这段代码中，我已经调用了拇指向下按钮，但我想在单击时更改它，并显示填充的拇指向下按钮

HTML

---

我曾看到有人在堆栈溢出问题上问过同样的问题，但我无法从他们的回答中解决问题

内容

只能用于伪元素

：：before

和

：：after

（FontAwesome用于显示图标）

不幸的是，这些伪元素不是DOM的一部分，因此不能使用Javascript访问它们

相反，添加一个事件侦听器，在单击时更改CSS类：

ICONRED.addEventListener（'click'，函数（事件）{
event.target.classList.toggle（'far'）；
event.target.classList.toggle（'fas'）；
})

---

内容

只能用于伪元素：:before和

：:before

（用于显示图标）

不幸的是，这些伪元素不是DOM的一部分，因此不能使用Javascript访问它们

相反，添加一个事件侦听器，在单击时更改CSS类：

ICONRED.addEventListener（'click'，函数（事件）{
event.target.classList.toggle（'far'）；
event.target.classList.toggle（'fas'）；
})

---

从js更改图标的最佳方法是更改其类列表

document.getElementById('iconsred').classList.add('fa-icon-name-here');

也

---

从js中更改图标的最佳方法是更改其类列表

document.getElementById('iconsred').classList.add('fa-icon-name-here');

也

---

是的，但我现在不使用：：before和：：after。我的代码基于js，那么你能告诉我如何从js调用字体吗？我是说，按照你的方法，你必须使用

：：before

，但你不能。相反，当我添加到我的答案中时，切换适当的CSS类side@faseeh这是一个完全不同的问题。你可能想问一个新问题。这个问题得到了回答。是的，但我现在没有使用：：before和：：after。我的代码基于js，那么你能告诉我如何从js调用字体吗？我是说，按照你的方法，你必须使用

：：before

，但你不能。相反，当我添加到我的答案中时，切换适当的CSS类side@faseeh这是一个完全不同的问题。你可能想问一个新问题。这里的问题已经得到了回答。处理问题的最佳方法是将css类更改为相应的类。处理问题的最佳方法是将css类更改为相应的类。

document.getElementById('iconsred').classList.add('fa-icon-name-here');

document.getElementById('iconsred').classList.remove('fa-old-icon-you-dont-want-anymore-here');