D3使用CSS3中的选择方式来选择元素,比如标签 ("div")、类(“.awesome”)、唯一标识符(“#foo”)、属性(“[color=red]”)、或者包含(“parent child”)等等,不再赘述,不熟悉的自己百度。
选择元素
d3.select(selector),返回匹配的第一个元素,没有则返回空
d3.selectAll(selector),返回所有匹配的元素数组,没有则返回空
内容
selection.attr(name[,value]),如果指定了value值,则为指定元素设置名为name值为value的属性,当value为常数时,则所有匹配元素都将设置相同的属性值,当value为函数时,则依次为元素设置值,该函数的参数是当前数据元素d和当前索引i,以及代表当前DOM元素的this上下文;如果没有指定value值,就会返回选中的第一个非空属性值。可以使用对象的方式同时设置多个属性,value值为null会清空内容。以下几种操作也类似。
selection.classed(name[,value]),设置或获取匹配元素的class属性
selection.style(name[,value[,priority]]),设置或获取匹配元素的style属性
selection.property(name[,value]),一些HTML元素具有特殊使用属性或者样式是不可寻址的,例如,表单文本(text)字段有一个value
字符串属性,复选框(checkboxes)有一个checked
布尔型属性。还有任何其他元素的可寻址字段(通用字段),例如className,可以使用这个property来设置或获取匹配元素的这些属性。
selection.text([value]),基于textContent属性,设置的文本内容将取代任何现有子元素