使用带有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>

如何使用范围说明符检索文本元素的整个内容？

该文本以

的形式提供

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

但它包含＆＃34;这是span1，这是2＆＃34;没有span说明符！

Answer 1

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

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