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

Instanzeigenschaften

Erbt auch Eigenschaften von der Element-Schnittstelle.

SVGElement.attributeStyleMap Schreibgeschützt

Ein StylePropertyMap, das die Deklarationen des style-Attributs des Elements darstellt.

SVGElement.dataset Schreibgeschützt

Ein DOMStringMap-Objekt, das eine Liste von Schlüssel/Wert-Paaren von benannten Datenattributen bereitstellt, die zu benutzerdefinierten Datenattributen gehören, die an das Element angehängt sind. Diese können auch in SVG mithilfe von Attributen der Form data-* definiert werden, wobei * der Schlüsselname des Paares ist. Dies funktioniert genauso wie die HTMLElement.dataset-Eigenschaft und das globale HTML-Attribut data-*.

SVGElement.className Schreibgeschützt

Ein SVGAnimatedString, das den Wert des class-Attributs auf dem gegebenen Element widerspiegelt oder den leeren String, wenn class nicht vorhanden ist. Dieses Attribut ist veraltet und kann in einer zukünftigen Version dieser Spezifikation entfernt werden. Autoren wird geraten, stattdessen Element.classList zu verwenden.

SVGElement.nonce

Gibt die kryptografische Zahl zurück, die einmal verwendet wurde und von der Content-Sicherheitsrichtlinie verwendet wird, um zu bestimmen, ob ein gegebener Abruf erlaubt ist oder nicht.

SVGElement.ownerSVGElement Schreibgeschützt

Ein SVGSVGElement, das auf das nächstgelegene Vorfahren-<svg>-Element verweist. null, wenn das gegebene Element das äußerste <svg>-Element ist.

SVGElement.style

Ein CSSStyleDeclaration, das die Deklarationen des style-Attributs des Elements darstellt.

SVGElement.tabIndex

Die Position des Elements in der Tabulator-Reihenfolge.

SVGElement.viewportElement Schreibgeschützt

Das SVGElement, das den aktuellen Viewport festgelegt hat. Oft das nächstgelegene Vorfahren-<svg>-Element. null, wenn das gegebene Element das äußerste <svg>-Element ist.

Instanzmethoden

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

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 unterbrochen wird, bevor ein SVG-Element vollständig geladen wurde.

error

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

load

Wird auf einem SVGElement ausgelöst, wenn es im Browser geladen wird.

resize

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

scroll

Wird ausgelöst, wenn eine SVG-Dokumentansicht 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