文章/答案/技术大牛

发布

社区首页 >问答首页 >在HTML中通过JS将图像的src赋值给变量

问在HTML中通过JS将图像的src赋值给变量
EN

Stack Overflow用户

提问于 2017-03-08 23:55:22

回答 2查看 1.6K关注 0票数 0

我想通过JS将图片的src标签的内容赋值给一个变量，点击图片:例如-

HTML

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

JS？

我希望将单击的图像的图像源分配给一个变量，然后通过span在HTML上显示该源。当我单击图像时，这一切都会发生。要赋值给变量的源应该是被点击的图像。

我该怎么做呢？

提前谢谢。

javascript

image

variables

src

assign

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-03-09 00:13:20

尝试以下操作：

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

票数 1

Stack Overflow用户

发布于 2017-03-09 00:05:09

你可以试试这个，

<img ng-src="{{myVar}}">

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/42675989

复制

相似问题

问在HTML中通过JS将图像的src赋值给变量
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在HTML中通过JS将图像的src赋值给变量EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在HTML中通过JS将图像的src赋值给变量
EN