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.
Instanzeigenschaften
Erbt auch Eigenschaften von der Element
-Schnittstelle.
SVGElement.attributeStyleMap
Schreibgeschützt-
Ein
StylePropertyMap
, das die Deklarationen desstyle
-Attributs des Elements repräsentiert. SVGElement.autofocus
-
Gibt an, ob die Steuerung fokussiert werden soll, wenn die Seite geladen wird oder wenn ein
<dialog>
oder Popover angezeigt wird. SVGElement.className
Veraltet Schreibgeschützt-
Ein
SVGAnimatedString
, das den Wert desclass
-Attributs des gegebenen Elements widerspiegelt oder den leeren String, wennclass
nicht vorhanden ist. Dieses Attribut ist veraltet und könnte in einer zukünftigen Version dieser Spezifikation entfernt werden. Autoren wird empfohlen, stattdessenElement.classList
zu verwenden. SVGElement.dataset
Schreibgeschützt-
Ein
DOMStringMap
-Objekt, das eine Liste von Schlüssel/Wert-Paaren von benannten Datenattributen bereitstellt, die mit benutzerdefinierten Datenattributen verbunden sind, die dem Element zugeordnet sind. Diese können auch in SVG unter Verwendung von Attributen in der Formdata-*
definiert werden, wobei*
der Schlüsselname für das Paar ist. Dies funktioniert genauso wie dieHTMLElement.dataset
-Eigenschaft von HTML und das globale HTML-Attributdata-*
. SVGElement.nonce
-
Gibt die kryptographische Nummer zurück, die Content Security Policy verwendet, um zu bestimmen, ob ein gegebener Abruf durchgeführt werden darf.
SVGElement.ownerSVGElement
Schreibgeschützt-
Ein
SVGSVGElement
, das auf das nächstgelegene übergeordnete<svg>
-Element verweist.null
, wenn das gegebene Element das äußerste<svg>
-Element ist. SVGElement.style
-
Eine
CSSStyleDeclaration
, die die Deklarationen desstyle
-Attributs des Elements repräsentiert. SVGElement.tabIndex
-
Die Position des Elements in der Tab-Reihenfolge.
SVGElement.viewportElement
Schreibgeschützt-
Das
SVGElement
, das den aktuellen Ansichtsbereich festlegt. Häufig das nächstgelegene übergeordnete<svg>
-Element.null
, wenn das gegebene Element das äußerste<svg>
-Element ist.
Instanzmethoden
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
Hören Sie auf diese Ereignisse mit addEventListener()
oder durch Zuweisen eines Ereignis-Listeners zur entsprechenden on...
-Handler-Eigenschaft.
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 ordnungsgemäß geladen wird oder wenn 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-Attribut
data-*
- SVG-Attribut
data-*
- Verwendung benutzerdefinierter Datenattribute in HTML