javascript - 使用 javascript/jQuery 获取 SVG 中 的内容

Question

我有一个用plotly开发的条形图，并使用iframe嵌入到一个网络应用程序中。鼠标悬停时，图表上会显示一些内容。我向下挖掘发现内容附加在 <g class="hoverover"> 中。如果 <g> 有什么方法可以获取内容吗？使用 javascript/jQuery 处于事件状态。

Answer 1

JavaScript

var i = document.getElementsByTagName("iframe")[0],
g = i.contentDocument.getElementByTagName("g")[0];

console.log(g.innerHTML);

jQuery

var i = $("iframe"),
$document = $(i[0].contentDocument);

console.log($document.find("g").html());