javascript - 访问 SVG 中的图像元素 URL

我的 SVG 中有许多元素。我想向它们添加一个 onclick 处理程序来访问与特定节点关联的图像 URL，但我在 DOM 文档中找不到字段名称。如果它是 HTML，那么我将访问 this.src，但 SVG DOM 显然不同 - 我找不到任何相关文档。

补充说明:如果我有类似的东西 <image xlink:href="http://example.jpg" onclick="code">然后我需要“代码”来访问当前节点的图像 URL。

最佳答案

好吧，以下两种方法似乎都有效，尽管我不确定推荐哪一种:

onclick="window.open(this.getAttribute('xlink:href'),'_blank');"

onclick="window.open(this.getAttributeNS('http://www.w3.org/1999/xlink', 'href'), '_blank');"

关于javascript - 访问 SVG 中的图像元素 URL，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/46562456/

相关文章：

javascript - 循环显示对话框并响应接受事件