2015-12-21 177 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();