D3.js中selection.style和selection.attr之间的区别是什么？

Question

我发现它们都适用于我的测试:

    .on("mouseover",
        function() {
            d3.select(this)
                .select("text")
                .style("fill","red");
        })

要么

    .on("mouseover",
        function() {
            d3.select(this)
                .select("text")
                .attr("fill","red");
        })

Answer 1

如果你查看你得到的HTML,你会看到类似的东西:

<text style="fill: red">...

和

<text fill="red">...

..它们在SVG中都是合法的,但是当你需要风格时使用attr可能会让你沮丧,如果你将它用于别的东西.