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 元素，这会破坏代码（并且您会收到相应的错误消息）。