svg - 从 HTML 表格中的选定元素中获取源字符串

Question

我有一个 HTML 表，其中包含各种图像。我想在单击表格中的一个项目时调用一个函数，该函数可以更改我网站中另一个元素的源图像。

如何从表格中对点击图像的 id 进行分级？

这是我调用的 Javascript 函数。

函数更改材料（）

    {
    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;
    ...