javascript - HTML中通过JS将图片的src赋值给变量

标签 javascript image variables src assign

我想通过JS将图像的src标签的内容分配给点击图像时的变量: 例如-

HTML

<div id="img">
<img src="image1.jpg">
<img src="image2.jpg">
</div>
<span id="source"/>

JS ???

我想将点击图像的图像源分配给一个变量,然后通过span将源显示在HTML上。当我单击图像时,这一切都应该发生。并且要分配给变量的源应该是单击的图像。

我该怎么做?

提前致谢。

最佳答案

尝试以下操作:

<html>
  <head>

  <script>
      function setImage(id){
         var element = document.getElementById(id).src;
         document.getElementById("source").innerHTML = "<img src='" +   element + "' />";
      }

  </script>

  </head>

  <body>
         <div id="img">
           <img id="img1" src="image1.jpg" onclick="setImage(this.id)" >
           <img id="img2" src="image2.jpg" onclick="setImage(this.id)" >
         </div>
        <span id="source"></span>
   </body>
  </html>

关于javascript - HTML中通过JS将图片的src赋值给变量,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/42675989/

相关文章:

调用时出现 JavaScript 错误

javascript - 减少重复函数的 JavaScript 权重

c - C语言读取并显示灰度图像。

javascript - 如何在 knockout 中计算不同物体的属性得到总值(value)?

javascript - 单击按钮时有没有办法检查 Div 内的图像?

html - Firefox 和 Chrome 不会解码 base64 图像或 pdf 文件

android:(坏)布局背景图像质量低

variables - 在范围循环中递增结构变量

c - C中栈变量的自动释放

Java 优化 : local variable or function call