Question

我当前正在创建一个小型网站，并且我想自动用图像替换而不用按按钮来替换某些文本。我希望它能自动完成，但似乎无法使其正常工作。谢谢！

这是我的代码：

html

<IfModule mod_rewrite.c>
RewriteEngine On
RewriteBase /
RewriteRule ^index\.php$ - [L]
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /index.php [L]
</IfModule>

javascript：

<p id="test">http://localhost:1111/</p>

Answer 1

代替此：

<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>

Answer 2

对于此代码，您不需要任何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' />
    `)
  }
})

用图像自动替换某些文本

2 个答案: