用图像自动替换某些文本

Question

我目前正在创建一个小型网站，我想在不按按钮的情况下自动用图像替换某些文本。我希望它自动完成，但我似乎无法让它工作。谢谢！这是我的代码：html<p id="test">http://localhost:1111/</p>javascript:<script>var str = document.getElementById("test").innerHTML; var res = str.replace("http://localhost:1111", Element.innerHTML = "<img src='https://www.stockgumshoe.com/wp-content/uploads/2014/06/test.jpg");document.getElementById("demo").innerHTML = res;</script>

Answer 1

对于此代码，您不需要任何id或class

const paragraphs = document.querySelectorAll('p')

paragraphs.forEach((paragraph) => {

  if (paragraph.innerText == 'http://localhost:1111/') {

    return (paragraph.innerHTML = `

    <img src='https://www.stockgumshoe.com/wp-content/uploads/2014/06/test.jpg' />

    `)

  }

})

Answer 2

而不是这个：

<script>

var str = document.getElementById("test").innerHTML; 

var res = str.replace("http://localhost:1111", lement.innerHTML = "<img 

src='https://www.stockgumshoe.com/wp-content/uploads/2014/06/test.jpg");

document.getElementById("demo").innerHTML = res;

</script>

尝试这个：

<script>

document.getElementById("test").innerHTML = `<img 

src="https://www.stockgumshoe.com/wp-content/uploads/2014/06/test.jpg" />`;

</script>