Javascript 如何从JS文件中动态添加字体图标？

我正在尝试为我的问候功能添加字体很棒的图标 因此，在每个问候语标题中都会附加一个不同的字体图标

我试着用传统的方式，但javaScript将html打印为文本，现在标题如下：

早上好
```javascript
函数goodSomething（）{
让今天=新日期（）；
让curHr=today.getHours（）；
if（curHr<12）{
document.getElementById（'问候语'）.innerText=“早上好”+”；
}否则如果（curHr<18）{
document.getElementById（'问候语'）.innerText=“下午好”+”；
}否则{
document.getElementById（'问候语'）.innerText=“晚上好”+”；
}
};

我预计产出：

早上好+（太阳图标）

下午好+（咖啡图标）

---

晚上好+（月亮图标）

您应该使用

innerHTML

而不是

innerText

您想要更改的是html而不是元素的文本

<i class="fas fa-sun"></i>  //This is string representing html

//这是表示html的字符串

下面是两个片段，它们将显示差异

非工作代码

document.getElementById（“测试”）.innerText=`

@MaheerAli我相信这可能与你的答案的第一个版本有关，但谁知道呢…@Shidersz可能已经更新了很多。我认为投票人对你的评论投了赞成票。