使用 javascript/jQuery 在 SVG 中获取 <g> 的内容

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());