Font awesome图标只有在从Javascript使用它之后才能在一个td中工作

我正在尝试根据span标记中的内容在表中使用字体很棒的图标。如果span标记中的内容包含“列出”，则它将具有一种类型的图标；如果它“未列出”，则另一个

我已经硬编码了span标记内容，因为我将从API获取这些内容。API总是以列出或未列出的形式响应。这是我不能在HTML中使用图标标记的另一个原因，所以我通过Javascript发送它

第一个span标记将内容更改为图标，但其余的不更改。请检查下面我尝试过的代码

var blStatus=document.querySelector（“.blStatus”）；
如果（blStatus==“已列出”）{
blStatus.innerHTML=''；
}否则{
blStatus.innerHTML=''；
}

上市苹果
未上市的番石榴
未上市香蕉
上市葡萄
未上市的橙色
上市芒果

文档。querySelector

仅返回第一个匹配元素。因此，您需要使用

querySelectorAll

您还需要将

blStatus==“列出的”

替换为

blStatus.innerText==“列出的”

Array.from（document.querySelectorAll（“.bl status”））.forEach（blStatus=>{
如果（blStatus.innerText==“已列出”）{
blStatus.innerHTML=''；
}否则{
blStatus.innerHTML=''；
}
});

上市苹果
未上市的番石榴
未上市香蕉
上市葡萄
未上市的橙色
上市芒果
阅读文档：Document方法querySelector（）返回文档中与指定选择器或选择器组匹配的第一个元素。如果没有找到匹配项，则返回null。添加到j08691中，
blStatus==“listed”
应该是
blStatus.innerText==“listed”
，并且应该在一个循环内使用此代码
Array.from（document.queryselectoral（.bl status”）.forEach（x=>{If（x.innerText==“listed”）{x.innerHTML==“listed”）else{x.innerHTML=''；}}}；
@Zak，因为
querySelectorAll
返回节点列表而不是数组。大多数现代浏览器都支持节点列表中的
forEach
，但有些浏览器不支持（如果我没记错的话）@SagarV当然可以，但你的答案是正确的，切中要害。获得分数。；）嗨，Sagar，希望你做得很好。如果这对你来说不是问题的话，我需要另一个帮助。你帮助我的JS代码，可以稍微修改一下吗，这样它也可以显示有多少列出了，有多少没有列出？我在if语句中尝试了bl-status.innerText.length但它只返回一个项目。提前谢谢。嘿，伙计。它很完美。正如我所希望的。希望我能像你一样编写代码。