用元素替换部分文本

Question

我用JavaScript创建了一个函数。该函数的基本动机是用元素替换元素的某些文本。我想用图释的图像更改文本表情符号。但这并没有发生。

我成功地更改了文本的部分部分，但图片没有显示 - 图片的代码确实显示了。

e.g：

我的代码：

function comment_emo_change() {
    var comment_content = document.getElementsByClassName("comment_text");
    for (i = 0; i < comment_content.length; i++) {
        var con_cmo = comment_content[i].textContent;
        var new_con_cmo = con_cmo.replace(":)", "<img src='/scripts/smiley-emocone.gif' class='smiley-emocone'></img>");
        comment_content[i].textContent = new_con_cmo;
    }
}
comment_emo_change();

我希望图像显示而不是代码。

Answer 1

您可能希望使用innerHTML代替textContent。

Answer 2

// Global Variables
var i = con_cmo = new_con_cmo = null;
// Core
function comment_emo_change() {
   var comment_content = document.getElementsByClassName('comment_text');
   for (i = 0; i < comment_content.length; i++) {
       con_cmo = comment_content[i].innerHTML;
        new_con_cmo = con_cmo.replace(':)', '<img src="/scripts/smiley-emocone.gif" class="smiley-emocone"/>');
        comment_content[i].innerHTML = new_con_cmo;
   }
}
// Function call
comment_emo_change();

这对我有用。希望这也适合你！