SVGTextContentElement: textLength property

Baseline Widely available

This feature is well established and works across many devices and browser versions. It’s been available across browsers since January 2020.

The textLength read-only property of the SVGTextContentElement interface reflects the textLength attribute of the given element.

Value

An SVGAnimatedLength.

Examples

Accessing the textLength Property

html
<svg width="200" height="100">
  <text id="myText" x="10" y="50" textLength="100" lengthAdjust="spacing">
    Hello, SVG!
  </text>
</svg>
js
const textElement = document.getElementById("myText");

// Access the textLength property
const animatedLength = textElement.textLength;

// The base value of the textLength attribute
console.log(animatedLength.baseVal.value); // Output: 100

Specifications

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGTextContentElement__textLength

Browser compatibility

BCD tables only load in the browser

See also