Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten.Erfahre mehr über dieses Experiment.
SVGElement
Baseline Widely available *
This feature is well established and works across many devices and browser versions. It’s been available across browsers since Juli 2015.
* 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 derSVGElement-Schnittstelle ab.
In diesem Artikel
Instanz-Eigenschaften
Erbenswert sind auch Eigenschaften von derElement-Schnittstelle.
SVGElement.attributeStyleMapSchreibgeschütztEin
StylePropertyMap, das die Deklarationen desstyle-Attributs des Elements darstellt.SVGElement.autofocusGibt an, ob die Steuerung beim Laden der Seite oder wenn ein
<dialog>oderPopover angezeigt wird, fokussiert werden soll.SVGElement.classNameVeraltetSchreibgeschütztEin
SVGAnimatedString, das den Wert desclass-Attributs des angegebenen Elements widerspiegelt, oder der leere String, wennclassnicht vorhanden ist. Dieses Attribut ist veraltet und könnte in einer zukünftigen Version dieser Spezifikation entfernt werden. Autoren wird empfohlen, stattdessenElement.classListzu verwenden.SVGElement.datasetSchreibgeschütztEin
DOMStringMap-Objekt, das eine Liste von Schlüssel/Wert-Paaren von benannten Datenattributen bereitstellt, die den an das Element angehängtenbenutzerdefinierten Datenattributen entsprechen. Diese können auch in SVG durch Attribute der Formdata-*definiert werden, wobei*der Schlüsselname für das Paar ist. Dies funktioniert genauso wie die HTML-EigenschaftHTMLElement.datasetund das globale Attributdata-*in HTML.SVGElement.nonceGibt die kryptografisch einmalig verwendete Zahl zurück, die von Content Security Policy verwendet wird, um zu bestimmen, ob ein gegebener Abruf erfolgen darf.
SVGElement.ownerSVGElementSchreibgeschütztEin
SVGSVGElement, das auf das nächstgelegene Vorfahren-<svg>-Element verweist.null, wenn das gegebene Element das äußerste<svg>-Element ist.SVGElement.styleEine
CSSStyleDeclaration, die die Deklarationen desstyle-Attributs des Elements darstellt.SVGElement.tabIndexDie Position des Elements in der Tabulatorreihenfolge.
SVGElement.viewportElementSchreibgeschütztDas
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 vonElement.
SVGElement.blur()Entfernt den Tastaturfokus vom aktuell fokussierten Element.
SVGElement.focus()Macht das Element zum aktuellen Tastaturfokus.
Ereignisse
Verwenden Sie diese Ereignisse mitaddEventListener() oder indem Sie einen Ereignis-Listener der entsprechendenon...-Handler-Eigenschaft zuweisen.
abortWird ausgelöst, wenn das Laden der Seite gestoppt wird, bevor ein SVG-Element vollständig geladen wurde.
errorWird ausgelöst, wenn ein SVG-Element nicht richtig geladen wird oder ein Fehler während der Skriptausführung auftritt.
loadWird ausgelöst, wenn ein
SVGElementim Browser geladen wird.resizeWird ausgelöst, wenn ein SVG-Dokument in der Größe verändert wird.
scrollWird ausgelöst, wenn eine Ansicht eines SVG-Dokuments entlang der X- und/oder Y-Achsen verschoben wird.
unloadWird 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