Question

d3.js中attr和style 有什么区别

Answer 1

d3.js是JavaScript的一个库。既然如此，我就从js的方面来讲吧。

attr，attribute，是元素的属性。style是样式。

那么从这里来看：

<div class="attr" style="height:100px; width: 100px" ></div>

有没有发现什么？class是div的一个属性， style和class是并列的。所以，简单说，style也是元素的属性。

扯这么多。我想你应该是想知道attr函数和style的区别吧？

根据书上，

selection.arr函数：用来读取或改变元素上的给定属性。
selection.style函数：用来给选定元素添加样式。

这么说。arr是改变或读取已有的属性， style是添加样式。从作用上讲，一个是与属性打交道，一个是与样式打交道。另一个方面，arr是作用于已有的。而style是无中生有。

不知道你懂了没。

Answer 2

并不是你说的那样，attr也可以来给组件添加一个类或者是id，所以说你的说法不成立