Svg 如何使用d3中的选择从元素中获取值
我将D3与SVG一起使用,并且有一个关于选择的问题 我在DOM中有一个元素,如下所示:Svg 如何使用d3中的选择从元素中获取值,svg,d3.js,Svg,D3.js,我将D3与SVG一起使用,并且有一个关于选择的问题 我在DOM中有一个元素,如下所示: <g class="tooltip"> // some other code <text class="name">Testing D3</text> </g> d3.select(".tooltip .name").text d3.select(".tooltip .name").value d3.select(".tooltip .name
<g class="tooltip">
// some other code
<text class="name">Testing D3</text>
</g>
d3.select(".tooltip .name").text
d3.select(".tooltip .name").value
d3.select(".tooltip .name").textContent
d3.select(".tooltip .name").html
但它们都不起作用
我也试过使用
d3.select(".tooltip .name").html(this.value);
正如建议的和,但这给了我一个SVGTextElement
&而不是实际值
此外,我不能使用document.getElementById(“名称”)正如建议的那样,代码>,因为我必须仅通过d3实现此功能
请注意,name是单个元素。此处需要一个子选择器(并调用.text()
函数):
谢谢你的快速回复,但你能告诉我什么是儿童选择器吗?这个语法(select中的代码)是什么意思?您能解释一下吗?
是子选择器。它选择类name
的text
元素,该元素是类tooltip
的g
元素的子元素。但是它给了我空值。是的,这是我的错误。谢谢但我还想指出,如果我选择了我所讨论的元素,我不需要使用子选择器。问题在于text()
方法。
d3.select("g.tooltip > text.name").text();