在javascript中放置字体图标

我有一个javascript导航栏，其中包括链接的标题，但我想在单词旁边放一些漂亮的小图标。如何在javascript中嵌入字体图标

缩短的版本看起来像

            ssSideNavSectionsProvider.initWithSections([{
            id: 'mainSection',
            name: 'Main',
            type: 'heading',
            children: [{
                id: 'home',
                name: 'Dashboard',
                state: 'common.home',
                type: 'link'
            }, {
                id: 'deviceLink',
                name: 'Devices',
                state: 'common.devices',
                type: 'link'
            }]}]);

在Dashboard这个词旁边，我想要一个漂亮的图标，比如fa Dashboard图标

以下是HTML：

---

如果您正确加载了CSS文件（本地或从CDN），那么您所需要做的就是将

添加到希望图标显示的HTML中

将

图标

替换为要使用的图标的实际名称。例如，要显示“”图标，请执行以下操作：

---

所有令人敬畏的字体图标列表：

这取决于HTML的外观。给我们一个数据结构没有任何帮助。然后你需要一些html/css在那里切换到适当的字体，并提供你想要的字符。否则，您将无法嵌入该字符的字节序列，并希望用于显示单词

Dashboard

的字体包含该代码点/符号。继续并添加了html。我想为每个标题显示一个不同的图标，所以我不知道如何在HTML中做到这一点，我还提供了所有JavaScription，但这是一个导航菜单，我想为每个选项显示一个不同的图标。HTML只是抓取整个菜单，所以我不能在那里做。你需要以某种方式抓取HTML文本，插入图标标记，并呈现这个新的HTML字符串。您可以使用类似jQuery的JavaScript库从元素获取HTML:。

<i class="fa fa-arrows"></i>