SVGElement

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.

Alle SVG-DOM-Schnittstellen, die direkt Elementen in der SVG-Sprache entsprechen, leiten sich von der SVGElement-Schnittstelle ab.

EventTarget Node Element SVGElement

Instanz-Eigenschaften

Erbt auch Eigenschaften von der Element-Schnittstelle.

SVGElement.attributeStyleMap Nur lesbar

Eine StylePropertyMap, die die Deklarationen des style-Attributs des Elements darstellt.

SVGElement.dataset Nur lesbar

Ein DOMStringMap-Objekt, das eine Liste von Schlüssel/Wert-Paaren von benannten Datenattributen bereitstellt, die den benutzerdefinierten Datenattributen entsprechen, die dem Element angehängt sind. Diese können auch in SVG mit Attributen der Form data-* definiert werden, wobei * der Schlüsselname für das Paar ist. Dies funktioniert genauso wie die HTMLElement.dataset-Eigenschaft und das data-*-globale Attribut in HTML.

SVGElement.className Nur lesbar

Ein SVGAnimatedString, das den Wert des class-Attributs des angegebenen Elements widerspiegelt, oder der leere String, wenn class nicht vorhanden ist. Dieses Attribut ist veraltet und könnte in einer zukünftigen Version dieser Spezifikation entfernt werden. Autoren wird empfohlen, stattdessen Element.classList zu verwenden.

SVGElement.nonce

Gibt die einmal verwendete kryptografische Nummer zurück, die von der Content Security Policy verwendet wird, um zu bestimmen, ob ein gegebener Abruf durchgeführt werden darf.

SVGElement.ownerSVGElement Nur lesbar

Ein SVGSVGElement, das auf das nächste übergeordnete <svg>-Element verweist. null, wenn das angegebene Element das äußerste <svg>-Element ist.

SVGElement.style

Eine CSSStyleDeclaration, die die Deklarationen des style-Attributs des Elements darstellt.

SVGElement.tabIndex

Die Position des Elements in der Tabulatorreihenfolge.

SVGElement.viewportElement Nur lesbar

Das SVGElement, das den aktuellen Viewport eingerichtet hat. Oft das nächste übergeordnete <svg>-Element. null, wenn das gegebene Element das äußerste <svg>-Element ist.

Instanz-Methoden

Diese Schnittstelle hat keine Methoden, erbt jedoch Methoden von der Element-Schnittstelle.

Ereignisse

Hören Sie diese Ereignisse mit addEventListener() ab oder weisen Sie einen Ereignis-Listener der entsprechenden on...-Handler-Eigenschaft zu.

abort

Wird ausgelöst, wenn das Laden der Seite gestoppt wird, bevor ein SVG-Element vollständig geladen wurde.

error

Wird ausgelöst, wenn ein SVG-Element nicht korrekt geladen wird oder wenn ein Fehler während der Skriptausführung auftritt.

load

Wird beim Laden eines SVGElement im Browser ausgelöst.

resize

Wird ausgelöst, wenn ein SVG-Dokument in der Größe verändert wird.

scroll

Wird ausgelöst, wenn ein SVG-Dokument entlang der X- und/oder Y-Achsen verschoben wird.

unload

Wird ausgelöst, wenn die DOM-Implementierung ein SVG-Dokument aus einem Fenster oder Frame entfernt.

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2
# InterfaceSVGElement

Browser-Kompatibilität

BCD tables only load in the browser

Siehe auch