Javascript 提取图像src并使其成为另一个图像的src

Javascript 提取图像src并使其成为另一个图像的src,javascript,Javascript,我是一个新手,只是无法通过谷歌找到任何解决方案。 这是一个非常简单的代码 <script type="text/javascript"> function image() { var imgSource = document.getElementById('myImage').src; } </script> <div style="border: 1px solid blue;"> <img id="myImage"

我是一个新手,只是无法通过谷歌找到任何解决方案。 这是一个非常简单的代码

<script type="text/javascript">
    function image() {
        var imgSource = document.getElementById('myImage').src;
    }
</script>

<div style="border: 1px solid blue;">
 <img id="myImage" src="../logo.JPG" />
</div>

<div style="border: 1px solid red;">
  <img src="**SRC FROM IMAGE 1**" />
</div>

函数映像(){
var imgSource=document.getElementById('myImage').src;
}
基本上,我想做的是在第一个div中获取image的src,并将其放在第二个div中的image src中


请提供帮助。

访问脚本内容时,请将脚本放在正文底部。这样可以确保在脚本执行时,上半部分已经加载。 其次,必须调用函数才能执行

 <div style="border: 1px solid blue;">
 <img id="myImage" src="../logo.JPG" /> </div>


 <div style="border: 1px solid red;">
 <img src="**SRC FROM IMAGE 1**" id="anotherImage" />
 </div> 
 <script type="text/javascript">
  function image() {
    var imgSource = document.getElementById('myImage').src;
    document.getElementById('anotherImage').src=imgSource;
  } 
  image();
</script>

函数映像(){
var imgSource=document.getElementById('myImage').src;
document.getElementById('anotherImage')。src=imgSource;
} 
图像();

假设您的目的地img标签有一个id=“destination”。然后,您可以通过这样做轻松完成您正试图完成的任务:

因此,您可以将脚本标记更改为(并可能将其移动到html中两个div的下方):


如何调用
image()
函数?如何识别目标
?您没有任何代码实际使用此
imgSource
变量,甚至无法调用
image()
函数。。。但是如果你能弄清楚如何获得一个
src
,那么改变一个
src
就没什么不同了……Marc B所指的是你可以这样做:
document.getElementById('myImage2').src=document.getElementById('myImage').src
function image() {
    var imgSource = document.getElementById('myImage').src;
    document.getElementById('destination').src = imgSource;
};
image();