onclick将图片添加到div [英] onclick add image to div

问题描述

我试图使用 onclick 在< div> 中获取图片。

现在我点击了文字。但我想要点击div中的图片...

我该如何做...？

代码：

 <脚本> 
函数myFunction（）
 {
 document.getElementById（surprise）。innerHTML = images / aftersurprise.png; 
} 
< / script> 
  

当我点击元素时，我应该得到 aftersurprise.png $ b

解决方案

使用

  document.getElementById（surprise）。innerHTML =< img src ='images / aftersurprise.png'/>; 
  




I am trying to get image in a <div> using onclick.

Now I am getting the text on click. but I want to get the image in div on click...

How can i do this...?

Here is code I have implemented,,

Code:

<script>
function myFunction()
{
document.getElementById("surprise").innerHTML=images/aftersurprise.png;
}
</script>

When I click on element I should get the aftersurprise.png image on surprise element...

解决方案

use

document.getElementById("surprise").innerHTML="<img src='images/aftersurprise.png' />";

这篇关于onclick将图片添加到div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！