d3.js - read width of d3 text element

Question

I would like to read the width of <text> elements, created in d3, after they're created.

I have tried

svg.selectAll("text")
    .each(function () {
        console.log('text', d3.select(this).style("width"));
    }); // 'auto'

and

svg.selectAll("text")
    .each(function () {
        console.log('text', $(this).css("width"));
    }); // '0px'

Thanks in advance

Answer 1

In a selection method (such as attr) :

   this.getComputedTextLength(). 

In a selection of one element, you can say

   selection.node().getComputedTextLength(). 

You can also use getBBox for the width and height