This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The replaceItem() method of the SVGLengthList interface replaces an existing item in the list with a new item. If the new item is already in a list, it is removed from its previous list before it is inserted into this list. The inserted item is the item itself and not a copy. If the item is already in this list, note that the index of the item to replace is before the removal of the item.
replaceItem(newItem, index)
newItemThe SVGLength to add to the list.
indexA non-negative integer that specifies the index of the item to delete.
The SVGLength that was added the list.
NoModificationAllowedError DOMException
Thrown when the list is read-only.
IndexSizeError DOMException
Thrown when the index is out of bounds for the list.
See SVGLengthList for a complete example.
| Desktop | Mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
| Chrome | Edge | Firefox | Opera | Safari | Chrome Android | Firefox for Android | Opera Android | Safari on IOS | Samsung Internet | WebView Android | WebView on iOS | |
replaceItem |
1 | 12 | 1.5 | ≤12.1 | 3 | 18 | 4 | ≤12.1 | 1 | 1.0 | 3 | 1 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/SVGLengthList/replaceItem