使用选择器检索填充和描边颜色?

时间:2015-03-06 15:13:19

标签: javascript d3.js

d3和选择器的概念非常新 - 只是想知道是否可以使用选择器检索元素的颜色?

例如:

 var svgContainer = d3.select("body").append("svg")
                                     .attr("width", 200)
                                     .attr("height", 200);

 //Draw the line
 var circle = svgContainer.append("line")
                          .attr("x1", 5)
                          .attr("y1", 5)
                         .attr("x2", 50)
                         .attr("y2", 50)
                         .attr("stroke-width", 2)
                         .attr("stroke", "black");

为了使用选择器检索“笔画”属性,我需要做些什么?是否有可能做一些像circle.select(“stroke”)这样的东西并让它给我“黑色”或类似的东西......?

提前致谢!

1 个答案:

答案 0 :(得分:1)

你会混淆元素及其属性 - 选择器选择前者,而不选择后者。但是,一旦选择了元素,就可以查询其属性:

var black = d3.select("line").attr("stroke");

或直接使用D3选择:

var black = circle.attr("stroke");