如何根据另一个文本更改图标

Question

基本上，如果标题包含特定单词，我希望我的网页显示特定图标（使用 fontawesome），现在，如果我只在标题中包含那个单词，它就可以工作，但是如果我包含更多单词，则它不会不认识它。

我对 Js 相当陌生，起初，它根本不起作用，但后来我将两个类“fas”和“fa-eye”分开，现在如果单独添加它们，它们可以正常工作。

var icon = document.getElementsByClassName("postTitleIcon");

var text = document.getElementsByClassName("postTitle");

for(var i = 0; i < icon.length; i++) {

    if(text[i].textContent == "eye") {

        icon[i].classList.add("far");

        icon[i].classList.add("fa-eye");

    }

}

我希望图标显示“眼睛”这个词是否在 HTML 中，无论它之前还是之后。

Answer 1

好了，大家，我想我找到了答案，你只需要includes在textContent.这是现在的代码，我尝试了几次，似乎它像我想要的那样工作：var icon = document.getElementsByClassName("postTitleIcon");var text = document.getElementsByClassName("postTitle");for(var i = 0; i < icon.length; i++) {&nbsp; &nbsp; if(text[i].textContent.includes("eye")) {&nbsp; &nbsp; &nbsp; &nbsp; icon[i].classList.add("far");&nbsp; &nbsp; &nbsp; &nbsp; icon[i].classList.add("fa-eye");&nbsp; &nbsp; }}感谢塞巴斯蒂安指出这一点。