Substituir imagem por texto com javascript em html5

Programação
,
#1

Olá a todos :slight_smile:

Como posso substituir uma imagem num html por um paragrafo usando javascript?!

Obrigado :slight_smile:

#2

O ideal seria que vc mostrasse um exemplo de código de como está e um exemplo de como vc gostaria que ficasse.

Também seria bom se vc dissesse quais imagens vc quer substituir. Todas? Apenas aquelas com uma classe especifica? Somente aquelas com um nome de arquivo especifico?

E o conteúdo desses paragrafos que serão inseridos, serão sempre iguais?

De qualquer forma, no geral, vc poderia fazer assim:

<div class="container">
  <p>Paragrafo 1</p>
  <img src="//placehold.it/200x100" alt="">
  <p>Paragrafo 2</p>
  <img src="//placehold.it/200x100" alt="">
  <p>Paragrafo 3</p>
  <img src="//placehold.it/200x100" alt="">
</div>

<script>
  const images = document.querySelectorAll('.container img');
  const container = document.querySelector('.container');

  images.forEach((image, i) => {
    const p = document.createElement('p');

    p.innerHTML = `> Paragrafo inserido ${i + 1}`;

    container.insertBefore(p, image);
    container.removeChild(image);
  });
</script>

O trecho acima substitui todas as imagens dentro de .container.