如何在文本前的單元格中添加圖標

我想添加到表格單元中的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，但它沒有幫助。

來源

2016-03-23 Lev S

爲<i>元素的HTML代碼應該是前面/歌曲名稱之前，所以才這樣做：

來源

2016-03-23 18:54:41 Philip

謝謝，它幫助！我會在幾分鐘後接受你的回答 –

不客氣（順便說一句，z-indexing與屏幕上的（缺失的）第三維有關，所以更高的z-index意味着在較低的z-index上繪製） – Philip

你必須prepend是<i>元素，

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

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

來源

2016-03-23 18:55:11

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

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

來源

2016-03-23 19:04:55

如何在文本前的單元格中添加圖標

回答

相關問題