從HTML表格中的選定元素獲取源字符串

Question

我有一個HTML表格，其中包含各種圖像。我希望點擊表格中的某個項目時，將調用一個函數，以更改我的網站中另一個元素的源圖像。

如何從表格中點擊圖像的ID？

這是我要求的Javascript函數。

功能changeMaterial（）

{ 
    var newsource = document.getElementById("WHAT TO PUT HERE??").src; 
    canvas_background.setAttribute("xlink:href", newsource); 
    alert("You loaded a new material"); 

    } 

我應該在地方放什麼這裏獲取點擊的元素源使用？

我已經忽略了我的表中的所有符號（>）。 謝謝你們，對不起我是一個完整的業餘愛好者！

Answer 1

你可能有這樣的事情

<td id="foo" onClick="changeMaterial()">My Table Cell</td> 

我猜。

您需要將某些內容傳遞給changeMaterial函數。無論是元素的id，或URL你想

<td id="foo" onClick="changeMaterial(this.id)">My Table Cell</td> 

，你的功能將類似於

function changeMaterial(id) { 
    var newsource = document.getElementById(id).src; 
    ...