2013-12-23 27 views
0

我需要將圖像從一個單元格傳遞到另一個單元格。因此,這裏是我的工作目前:Javascript/HTML將圖像從HTML​​傳遞給另一個​​

function onInit(){ 
    document.getElementById("list").innerHTML="<td id='list1'><img src='1.jpg' width=100 height=100 onclick='click(this)'> 
} 

這裏是click功能:

function click(img){ 
    var img = img.src; 
    document.getElementById("image").innerHTML="<img src='img'>"; 
} 

我應該怎麼做這裏來顯示圖像(不是IMG),或者什麼是正確的語法呢?

+1

的document.getElementById( 「圖像」)的innerHTML = 「」。應該工作...當然,你可以嘗試真正刪除圖像節點,然後將其附加到目標單元格。這會更性感。 –

+0

謝謝,它現在的工作:) 我忘記+連接 – DyXen

+0

請標記爲已回答。任何下面的帥哥都解決了它。 –

回答

0

串連:

.innerHTML = "<img src='"+img+"' />"; 
0

嘗試.src

document.getElementById("image").innerHTML="<img src='"+img.src+"'>"; 
+0

如果他將img定義爲img.src :),img.src將是未定義的(不要着急,請參閱您的更正)。 –

0

嘗試:

function click(img){ 
    document.getElementById("image").innerHTML="<img src='"+img.src+"'>"; 
} 
0

有我以爲只有一排,即只有一個<td>list是表。 <td>未關閉,並且通過this單擊將不會傳遞當前對象引用。點擊圖片時,調用一個函數,該函數將當前的<td>的innerHTML設置爲目標<td>

"<td id='list1'><img src='1.jpg' width=100 height=100 onclick='click(list1)'></td>" 

的Javascript:

function click(str){ 
    document.getElementById("destination").innerHTML=document.getElementById(str).innerHTML; 
} 

你可能想改變形象的點擊處理程序在目標<td>

0

則可以通過下面的代碼嘗試:

function click(img) { 
    var img = img.src; 
    document.getElementById("image").innerHTML = "<img src='"+img + "'>"; 
}