Javascript Onclick函数在img标记中不起作用

在这种情况下，Onclick函数不起作用：

HTML

试试这个

<img src="http://www.simplypo.ayz.pl/wp-content/uploads/2017/07/krakow-3.png" id="gabi" style="text-align: justify;" onClick="myFunction('<h2>Gabriela</h2> tomatoes.121')" />
<div id="text-display">dsadasd
</div>
<p id="demo">Visit Microsoft!</p>

<script>
function myFunction(sample) {
    var str = document.getElementById("demo").innerHTML; 
    var res = str.replace("Microsoft", "W3Schools");
    document.getElementById("demo").innerHTML = res;
}
</script>

Gabriela西红柿.121'）“/>
dsadasd
访问Microsoft
函数myFunction（示例）{
var str=document.getElementById（“demo”）.innerHTML；
var res=str.replace（“微软”、“W3Schools”）；
document.getElementById（“demo”）.innerHTML=res；
}

试试这个

<img src="http://www.simplypo.ayz.pl/wp-content/uploads/2017/07/krakow-3.png" id="gabi" style="text-align: justify;" onClick="myFunction('<h2>Gabriela</h2> tomatoes.121')" />
<div id="text-display">dsadasd
</div>
<p id="demo">Visit Microsoft!</p>

<script>
function myFunction(sample) {
    var str = document.getElementById("demo").innerHTML; 
    var res = str.replace("Microsoft", "W3Schools");
    document.getElementById("demo").innerHTML = res;
}
</script>

Gabriela西红柿.121'）“/>
dsadasd
访问Microsoft
函数myFunction（示例）{
var str=document.getElementById（“demo”）.innerHTML；
var res=str.replace（“微软”、“W3Schools”）；
document.getElementById（“demo”）.innerHTML=res；
}

---

这是因为您的代码被包装在一个

窗口中。默认情况下，JSFIDLE中的onload

函数。要更改此设置，请单击JavaScript设置图标并将其更改为“无换行”选项之一

---

这是因为您的代码被包装在一个

窗口中。默认情况下，JSFIDLE中的onload

函数。要更改此设置，请单击JavaScript设置图标并将其更改为“无换行”选项之一

我建议使用以下事件监听器代替内联事件监听器：

函数替换内容（）{
var str=document.getElementById（“demo”）.innerHTML；
var res=str.replace（“你好”、“你好”）；
document.getElementById（“demo”）.innerHTML=res；
}
document.getElementById（'gabi'）。addEventListener（'click'，replaceContents）

你好
 
我建议使用以下事件监听器代替内联事件监听器：


函数替换内容（）{
var str=document.getElementById（“demo”）.innerHTML；
var res=str.replace（“你好”、“你好”）；
document.getElementById（“demo”）.innerHTML=res；
}
document.getElementById（'gabi'）。addEventListener（'click'，replaceContents）

你好
 
这是因为您在
onLoad
函数中附加了代码，请单击javascript面板中的cog以了解我的意思。要么将其添加到头部/身体，要么执行
window.myFunction=function etc
这是因为您已将代码附加到
onLoad
函数上，请单击javascript面板中的cog以了解我的意思。将其添加到头部/身体或执行
window.myFunction=function etc
<img src="http://www.simplypo.ayz.pl/wp-content/uploads/2017/07/krakow-3.png" id="gabi" style="text-align: justify;" onClick="myFunction('<h2>Gabriela</h2> tomatoes.121')" />
<div id="text-display">dsadasd
</div>
<p id="demo">Visit Microsoft!</p>

<script>
function myFunction(sample) {
    var str = document.getElementById("demo").innerHTML; 
    var res = str.replace("Microsoft", "W3Schools");
    document.getElementById("demo").innerHTML = res;
}
</script>