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

Select content of text element with tspan specifier in SVG with D3js

本文关键字：文本 元素 说明符 D3js SVG 选择 tspan      更新时间：2023-09-26

我通过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;

但它确实包含"This is span1 This is 2"，而没有span说明符！

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

var text = t[0][0].innerHTML;
相关文章：