Javascript 如何在d3js中选择childnode（未知）

我添加了一些带有鼠标事件的svg图形，如mouseover和mouseout。
在mouseover上，我想向svg添加一个hover类，在mouseout上，我想删除它

我的svg如下所示：

<g><line id="1..n" class="redline graphic" x1..../></g>

到目前为止还不错。但是我怎样才能得到第一个孩子（在本例中是行），这样我就可以改变它的类，类似于下面的：

d3.select(this).node().firstChild.classed('hover', true);

---

我想我错过了一个选择，但我找不到如何解决它：（

好的，现在我这样解决：

d3.select（this.select（“line”）.classed（“graphicmouseover”，true）；

但是如果我不知道它是一行，我怎么做呢？

d3.select（this.firstElementChild）。classed（“graphicmouseover”，true）

将完成此操作。由于您有

此

指向父元素，您可以直接访问其第一个子元素并从中创建选择。很好，我将尝试此操作。谢谢！

d3.select(this).node().firstChild.classed('hover', true);