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

Question

Я ищу способ заменить текст на изображение в JavaScript, но я не могу этого сделать,

Например, текст:

<div><p class="YellowTxt">MyYellowTxt</p></div>
<div><p class="BlueTxt">MyBlueTxt</p></div>
<div><p class="GreenTxt">MyGreenTxt</p></div>

Чтобы получить желтое, синее и зеленое изображение.

Answer 1

Использовать innerHTML:

function replace() {
  var el = document.getElementsByClassName('YellowTxt')[0]
  el.innerHTML = '<img src="" alt="image"/>'
}

<div>
  <p class="YellowTxt">MyYellowTxt</p>
</div>
<div>
  <p class="BlueTxt">MyBlueTxt</p>
</div>
<div>
  <p class="GreenTxt">MyGreenTxt</p>
</div>

<hr />

<button onclick="replace()">Replace</button>