使用D3js在SVG中使用tspan说明符选择文本元素的内容

Question

我通过D3js向SVG添加文本

var svg = d3.select("body").append("svg");
var t = svg.append("text");
t.append("tspan").attr("class", "span1").text("This is span 1");
t.append("tspan").attr("class", "span2").text("and this is 2");

SVG元素已添加，并且是

<text> <span class="span1">This is span 1</span> <span class="span2">and this is 2</span> </text>

如何使用span指定符检索文本元素的全部内容？

该文本可作为

var text = t[0][0].textContent;

但它确实包含“这是span1，这是2”，而没有span指定符！

Answer 1

在这种情况下，您可以使用innerHTML ：

var text = t[0][0].innerHTML;