javascript - D3 选择有效，而 svg 选择无效

Question

我有

var svg = d3.select(.....)
            .append("svg")
            .attr("width", 1500)
            .attr("height", 850);

后来我有

svg.SelectAll(......)
   .
   .
   .on("mouseover", function(){
        d3.select(this).style(.....
   }

在匿名函数中，我更改了一些 svg 内容的样式。 但我试着去做

svg.select(this).style....

代替

d3.select(this).style....

它坏了。

为什么必须使用d3而不是svg？

Answer 1

d3.select() 接受两种类型的参数——一个选择器字符串和一个 DOM 元素。 selection.select()(在您的情况下为 svg.select())仅接受选择器字符串。您正在传递一个 DOM 元素，这会破坏代码(并且您会收到相应的错误消息)。