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 in der SVG-Sprache entsprechen, leiten sich von der SVGElement-Schnittstelle ab.

Instanz-Eigenschaften

Erbenswert sind auch Eigenschaften von der Element-Schnittstelle.

SVGElement.attributeStyleMap Schreibgeschützt: Ein StylePropertyMap, das die Deklarationen des style-Attributs des Elements darstellt.
SVGElement.autofocus: Gibt an, ob die Steuerung beim Laden der Seite oder wenn ein <dialog> oder Popover angezeigt wird, fokussiert werden soll.
SVGElement.className Veraltet Schreibgeschützt: 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.dataset Schreibgeschützt: Ein DOMStringMap-Objekt, das eine Liste von Schlüssel/Wert-Paaren von benannten Datenattributen bereitstellt, die den an das Element angehängten benutzerdefinierten Datenattributen entsprechen. Diese können auch in SVG durch Attribute der Form data-* definiert werden, wobei * der Schlüsselname für das Paar ist. Dies funktioniert genauso wie die HTML-Eigenschaft HTMLElement.dataset und das globale Attribut data-* in HTML.
SVGElement.nonce: Gibt die kryptografisch einmalig verwendete Zahl zurück, die von Content Security Policy verwendet wird, um zu bestimmen, ob ein gegebener Abruf erfolgen darf.
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: Eine CSSStyleDeclaration, die die Deklarationen des style-Attributs des Elements darstellt.
SVGElement.tabIndex: Die Position des Elements in der Tabulatorreihenfolge.
SVGElement.viewportElement Schreibgeschützt: Das SVGElement, das die aktuelle Ansicht bestimmt hat. Oft das nächstgelegene Vorfahren-<svg>-Element. null, wenn das gegebene Element das äußerste <svg>-Element ist.

Instanz-Methoden

Diese Schnittstelle erbt auch Methoden von Element.

SVGElement.blur(): Entfernt den Tastaturfokus vom aktuell fokussierten Element.
SVGElement.focus(): Macht das Element zum aktuellen Tastaturfokus.

Ereignisse

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

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 richtig geladen wird oder ein Fehler während der Skriptausführung auftritt.
load: Wird ausgelöst, wenn ein SVGElement 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 Ansicht eines SVG-Dokuments entlang der X- und/oder Y-Achsen verschoben wird.
unload: Wird ausgelöst, wenn die DOM-Implementierung ein SVG-Dokument von einem Fenster oder Frame entfernt.

Spezifikationen

Specification
Scalable Vector Graphics (SVG) 2 # InterfaceSVGElement

Browser-Kompatibilität

Siehe auch

HTML-Attribut data-*
SVG-Attribut data-*
Verwendung benutzerdefinierter Datenattribute in HTML