Javascript 对象HTMLImageElement正在显示,但我的图像为';T

Javascript 对象HTMLImageElement正在显示,但我的图像为';T,javascript,google-chrome-extension,Javascript,Google Chrome Extension,这是一个Google Chrome扩展,我将用Twitch LUL表情替换LUL等文本,但每当我尝试用图像替换LUL时,[object HTMLImageElement]就会出现。以下是我当前使用的代码: f (node.nodeType === 3) { var text = node.nodeValue; var img = new Image(); img.src = "http://i.imgur.com/O5XLFGs.png";

这是一个Google Chrome扩展,我将用Twitch LUL表情替换LUL等文本,但每当我尝试用图像替换LUL时,[object HTMLImageElement]就会出现。以下是我当前使用的代码:

f (node.nodeType === 3) {
        var text = node.nodeValue;
        var img = new Image();
        img.src = "http://i.imgur.com/O5XLFGs.png";
        var replacedText = text.replace(/LUL/gi, img);

        if (replacedText !== text) {
            element.replaceChild(document.createTextNode(replacedText), node);
        }
    }

有什么建议可以帮我吗?谢谢。

替换功能用于文本。通过谷歌搜索“stackoverflow javascript用图像替换文本”,你可以很容易地找到正确代码的示例。是的,我知道有更多这样的帖子。但我的问题是理解它。我读过很多这样的帖子,但没有一篇与我的代码相似,我不知道如何在不破坏它的情况下将我的“升级”到那个级别。是的,正如@wOxxOm所说,你不能用
图像
对象替换文本。我有一些答案,其中涉及使用扩展将网页文本替换为从该文本派生的HTML元素。你可以找到他们,我环顾四周,找到了答案。但是发生了另一个问题。我用它来替换特定站点上的文本。但我的代码只替换我认为粘在页面上的文本。意思是:一个聊天框,例如,(Youtube上的实时聊天)。那它就不能代替我的文字。有什么建议吗?代码: