Accessing d3.js element attributes from the datum?
Your code is trying to get an svg attribute from an item of data, when what you really want is to get that attribute from the svg DOM element, as in:
console.log(d3.selectAll(".mynode").attr("cx"));
This will only give you the attribute for the first non-null element of your selection; You can also filter your selection to get the DOM element you are looking for:
console.log(d3.selectAll(".mynode").filter(_conditions_).attr("cx"));
Or, if you'd like to access the attributes of all selected elements, use this
in your each function:
d3.selectAll(".mynode").each( function(d, i){
if(d.someId == targetId){
console.log( d3.select(this).attr("cx") );
}
}
There is even simpler way: (providing index i
is given)
d3.selectAll("circle")[0][i].attributes.cx.value
as it can be seen here.