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.

* Some parts of this feature may have varying levels of support.

Alle SVG DOM-Schnittstellen, die direkt Elementen 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 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 den benutzerdefinierten Datenattributen entsprechen, die dem Element zugeordnet sind. Diese können in SVG auch mithilfe von Attributen der Form data-* definiert werden, wobei * der Schlüsselname für das Paar ist. Dies funktioniert genauso wie die HTMLElement.dataset-Eigenschaft im HTML und das globale HTML-Attribut data-*.

SVGElement.className Schreibgeschützt

Ein SVGAnimatedString, der den Wert des class-Attributs des angegebenen Elements wiedergibt oder den leeren 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.blur

Entfernt den Tastaturfokus vom derzeit fokussierten Element.

SVGElement.focus

Setzt den Fokus der Tastatur auf das Element.

SVGElement.nonce

Gibt die kryptografische Nummer zurück, die einmalig verwendet wird und die von der Content Security Policy verwendet wird, um zu bestimmen, ob ein bestimmter Abruf ausgeführt wird.

SVGElement.ownerSVGElement Schreibgeschützt

Ein SVGSVGElement, das auf das nächstgelegene Vorfahren-<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 Tab-Reihenfolge.

SVGElement.viewportElement Schreibgeschützt

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

Instanz-Methoden

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

Ereignisse

Hören Sie auf diese Ereignisse mit addEventListener() oder indem Sie einen Ereignis-Listener der entsprechenden on...-Handler-Eigenschaft zuweisen.

abort

Ausgelöst, wenn das Laden der Seite gestoppt wird, bevor ein SVG-Element vollständig geladen werden durfte.

error

Ausgelöst, wenn ein SVG-Element nicht richtig geladen wird oder ein Fehler bei der Skriptausführung auftritt.

load

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

resize

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

scroll

Ausgelöst, wenn eine Ansicht eines SVG-Dokuments entlang der X- und/oder Y-Achsen verschoben wird.

unload

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