JavaScript Заменить текст на изображение

Question

Я все еще новичок ie, я хочу заменить весь текст «Снеговик» в цепочке строк на изображения снеговика. Есть ли простая возможность сделать это всего за JS?

Хорошо, я забыл, что это тоже важно. Он получает цепочки строк из моего чата на канале Twitch на мой локальный сервер, используя websocket node.js. Когда кто-то комментирует канал Twitch, он переходит на мой локальный сервер в формате цепочки строк. То, что я хочу сделать, это заменить или изменить комментарий, такой как «Снеговик», на «Реальный образ снеговика».

У меня очень низкий опыт работы с DOM и jQuery, но если это поможет, я могу попробовать.

Код: Анализ чата дергания:

wsTwitch.onmessage = function(event) {
let eventData = JSON.parse(event.data);


Replacing text with image:

eventData2 = eventData.text.replace(/Snowman/gi, "img src='snowman.png'");

Answer 1

Вы можете попробовать, как показано ниже

eventData2 = eventData.text.replace(/Snowman/gi, "<img src='path/snowman.png' />");

Это может помочь вам.

Answer 2

Попробуйте так.

var txtArr = eventData.text.split(' ');

for(var i = 0; i < txtArr.length; i++){
  if(txtArr[i] === "Snowman")
    txtArr[i] = `<img src="url">`;
}

var newTxt = txtArr.join(' ');
document.getElementById("txt").innerHTML = newTxt; //replace with existing element