javascript - 如何将 font-awesome CSS 嵌入 DOM 脚本 (javascript)？

Question

在这里，javascript 使用 DOM SCRIPTING 为浏览器显示生成最后一行:“No Finds”。假设我想在“Finds”这个词之后并列一个来自 font-awesome (fontawesome) 的“标志性字符”，例如他们的笑脸。

我试过楔入这个字符串:

<i class = 'fa fa-smile-o'></i>

就在“No Finds”字样之后，如下所示，但这没有用。

这是有效的代码:

newrow = makeEle({ tag: "tr", dom: [makeEle({ tag: "td", id: "tdWhere", dom: [document.createTextNode("No Finds")] })] });

这是我的补充——失败了:

newrow = makeEle({ tag: "tr", dom: [makeEle({ tag: "td", id: "tdWhere", dom: [document.createTextNode("No Finds<i class = 'fa fa-smile-o'></i>")] })] });

如何让 CSS( Font Awesome )在这里产生影响？我真的不明白 javascript 和 CSS 是如何接口(interface)的，所以我可能会提出不可能的要求。

---

上述问题已通过如下正确编码解决(感谢 Michal):

newrow = makeEle({ tag: "tr", dom: [ makeEle({ tag: "td", dom: [document.createTextNode(" No Finds "), makeEle({ tag: "i", className: "fa fa-frown-o" }) ] }) ] });

Answer 1

将类设置为fa fa-smile-o。

var i = document.createElement("i");
i.className = 'fa fa-smile-o';