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

Instanz-Eigenschaften

Erbt auch Eigenschaften von der Element-Schnittstelle.

SVGElement.attributeStyleMap Schreibgeschützt: Eine StylePropertyMap, die die Deklarationen des style-Attributs des Elements darstellt.
SVGElement.autofocus: Ob die Steuerung den Fokus haben soll, wenn die Seite geladen wird oder wenn ein <dialog> oder Popover angezeigt wird.
SVGElement.className Veraltet Schreibgeschützt: Ein SVGAnimatedString, das den Wert des class-Attributs auf dem angegebenen Element widerspiegelt, oder der leere String, falls class nicht vorhanden ist. Dieses Attribut ist veraltet und kann 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 benannter Datenattribute bereitstellt, die den benutzerdefinierten Datenattributen entsprechen, die dem Element angehängt sind. Diese können auch in SVG unter Verwendung von Attributen der Form data-* definiert werden, wobei * der Schlüsselname für das Paar ist. Dies funktioniert genauso wie die HTMLElement.dataset-Eigenschaft von HTML und das globale HTML-Attribut data-*.
SVGElement.nonce: Gibt die kryptografische Nummer zurück, die einmal verwendet wird und die von der Content Security Policy verwendet wird, um zu bestimmen, ob ein gegebener Abruf fortgesetzt werden darf.
SVGElement.ownerSVGElement Schreibgeschützt: Ein SVGSVGElement, das auf das nächstgelegene Vorgänger-<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 Tab-Reihenfolge.
SVGElement.viewportElement Schreibgeschützt: Das SVGElement, das den aktuellen Ansichtsbereich erstellt hat. Oft das nächstgelegene Vorgänger-<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(): Setzt den Tastaturfokus auf das Element.

Ereignisse

Diese Ereignisse können Sie mit addEventListener() abhören 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 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

Siehe auch

HTML data-* Attribut
SVG data-* Attribut
Verwendung von benutzerdefinierten Datenattributen in HTML