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

时间:2014-10-23 09:13:28

标签: javascript svg d3.js

我通过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说明符!

1 个答案:

答案 0 :(得分:2)

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

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