SVGNumber: value 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 value read-only property of the SVGNumber interface represents the number.

Value

A float.

Examples

Accessing the value property

html
<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
  <circle id="myCircle" cx="100" cy="100" r="50" fill="blue" />
</svg>
js
const circleElement = document.getElementById("myCircle");

// Access the radius (r) value property
const radiusValue = circleElement.r.baseVal.value;

console.log(radiusValue); // Output: 50

Specifications

Specification
Scalable Vector Graphics (SVG) 2
# __svg__SVGNumber__value

Browser compatibility

BCD tables only load in the browser