如何在文本之前在单元格中添加图标

Question

我想在表格单元格中添加Font-Awesome图标。但我需要在此单元格文本之前插入它。如何通过JavaScript或Jquery？

进行操作

那是我的代码：

var song_nameL = tr.insertCell(0);
song_nameL.innerHTML = songName;
var fa_times = song_nameL.appendChild(document.createElement("i"));
fa_times.className = "fa fa-times";

如您所见，它出现在文本之后。如果我将song_nameL.innerHTML = songName;放在此代码的末尾，则不会有图标。 我试图增加zIndex图标，但它没有帮助。

Answer 1

您必须prepend <i>元素，

var fa_times = song_nameL.insertAdjacentHTML('afterbegin',"<i class='fa fa-times'></i>"));

使用.insertAdjacentHTML("position", "htmlString");

Answer 2

<i>元素的HTML代码应位于歌曲名称的前面/之前，所以只需执行：

song_nameL.innerHTML = '<i class="fa fa-times"></i>' + song_nameL;

Answer 3

如果您需要可以使用的对象：

var fa_times = document.createElement("i");
fa_times.className = "fa fa-times";
song_nameL.insertBefore(fa_times, song_nameL.childNodes[0]);