2015-12-21 93 views
0

我是一个新手,我只是无法通过谷歌找到任何解决方案。 这是一个非常简单的代码..提取图像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。

请帮忙。

+3

如何调用你的'image()'函数? – j08691

+0

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

+2

你没有任何代码来实际**使用**这个'imgSource'变量,或者甚至调用'image()'函数......但是如果你能弄清楚如何得到一个'src',那么CHANGING一个'src'没有什么不同...... –

回答

0

当您访问内容时,将脚本放在主体的底部。这样可以确保当脚本执行上部时已经加载。 其次,你必须调用该函数才能执行。

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

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

所以,你可以做的是你的脚本标签改成这样(也许在HTML移动它既div的下面):

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