SVGTransformList: removeItem()-Methode
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.
Die Methode removeItem()
des SVGTransformList
-Interfaces entfernt ein vorhandenes Element aus der Liste.
Syntax
removeItem(index)
Parameter
index
-
Ein
integer
; der Index des Elements, das als unsigned long entfernt werden soll.
Rückgabewert
Ein SVGTransform
-Objekt; das entfernte Element aus der Liste.
Ausnahmen
Diese Methode kann eine DOMException
eines der folgenden Typen auslösen:
NoModificationAllowedError
DOMException
-
Wird ausgelöst, wenn
SVGTransformList
einem schreibgeschützten Attribut entspricht oder wenn das Objekt selbst schreibgeschützt ist. IndexSizeError
DOMException
-
Wird ausgelöst, wenn die Indexnummer größer oder gleich der
numberOfItems
ist.
Beispiele
Entfernen einer Transformation aus der Liste
<svg width="200" height="200" id="mySvg">
<rect
width="100"
height="100"
fill="blue"
transform="translate(50,50) rotate(45)" />
</svg>
const svgElement = document.querySelector("svg");
const rectElement = svgElement.querySelector("rect");
// Access the transform list of the <rect> element
const transformList = rectElement.transform.baseVal;
const removedTransform = transformList.removeItem(0);
console.dir(removedTransform); // Output: SVGTransform { type: 2, matrix: SVGMatrix, angle: 0 }
// The updated list length
console.log(`Updated number of transformations: ${transformList.length}`); // Output: 1
Spezifikationen
Specification |
---|
Scalable Vector Graphics (SVG) 2 # __svg__SVGNameList__removeItem |
Browser-Kompatibilität
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
removeItem |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support