SVGTransformList: Methode removeItem()

Baseline Widely available

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

Die removeItem()-Methode der Schnittstelle SVGTransformList entfernt ein vorhandenes Element aus der Liste.

Syntax

removeItem(index)

Parameter

index: Ein integer; der Index des Elements, das entfernt werden soll, als unsigned long.

Rückgabewert

Ein SVGTransform-Objekt; das entfernte Element aus der Liste.

Ausnahmen

Diese Methode kann einen DOMException 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 numberOfItems ist.

Beispiele

Entfernen einer Transformation aus der Liste

html

<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