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

问题描述：

我是一个新手，我只是无法通过谷歌找到任何解决方案。这是一个非常简单的代码..提取图像src并使其成为另一图像的src

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

基本上就是我想要做的是让图像的SRC的第一个div并把它在图像SRC在第二个div。

请帮忙。

如何调用你的'image（）'函数？ – j08691

你如何识别目标''？ – cFreed

你没有任何代码来实际**使用**这个'imgSource'变量，或者甚至调用'image（）'函数......但是如果你能弄清楚如何得到一个'src'，那么CHANGING一个'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>

答

可以说你的目的地img标签有一个id =“目的地”。然后，你可以轻松地完成你正在尝试通过只是在做这样的事情要做：

所以，你可以做的是你的脚本标签改成这样（也许在HTML移动它既div的下面）：

function image() { 
    var imgSource = document.getElementById('myImage').src; 
    document.getElementById('destination').src = imgSource; 
}; 
image();

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

相关推荐