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.

Toutes les interfaces du DOM SVG qui correspondent à des éléments SVG dérivent de l'interface SVGElement.

Propriétés

Cette interface hérite également des propriétés de DocumentAndElementEventHandlers, Element, GlobalEventHandlers, et SVGElementInstance

SVGElement.attributeStyleMap Lecture seule: Un objet StylePropertyMap qui représente les déclarations de l'attribut style de l'élément.
SVGElement.dataset Lecture seule: Un objet DOMStringMap qui fournit une liste de paires de clé/valeur des attributs de données nommés correspondant aux attributs de données spécifiques attachés à l'élément. Ils peuvent également être définis en SVG avec des attributs de la forme data-*, où * représente le nom de la clé. Cette propriété et cet attribut fonctionnent de façon analogue aux équivalents HTML (propriété du DOM HTMLElement.dataset et attribut HTML global data-*).
SVGElement.className Obsolète Lecture seule: Une chaîne de caractères SVGAnimatedString qui reflète la valeur de l'attribut class de l'élément courant, ou la chaîne vide s'il n'a pas de classe. Cet attribut est déprécié et pourrait être retiré des prochaines versions de la spécification. Il est conseillé d'utiliser Element.classList à la place.
SVGElement.nonce: Renvoie le nonce cryptographique utilisé par la politique de sécurité du contenu (CSP) pour déterminer si une opération de récupération peut avoir lieu.
SVGElement.ownerSVGElement Lecture seule: Un objet SVGSVGElement qui fait référence à l'ancêtre <svg> le plus proche ou null si l'élément courant est l'élément <svg> de plus haut niveau.
SVGElement.style: Un objet CSSStyleDeclaration qui représente les déclarations de mise en forme portées par l'attribut style.
SVGElement.tabIndex: La position de l'élément dans l'ordre de tabulation.
SVGElement.viewportElement Lecture seule: L'objet SVGElement qui a établi la zone d'affichage (viewport) courante. Il s'agit généralement de l'ancêtre <svg> le plus proche. Cette propriété vaut null si l'élément courant est déjà l'élément <svg> de plus haut niveau.

Méthodes

Cette interface n'a pas de méthode en propre, mais elle hérite de celles fournies par DocumentAndElementEventHandlers, Element, GlobalEventHandlers, et SVGElementInstance

Évènements

On pourra intercepter les évènements suivants en utilisant addEventListener() ou en affectant un gestionnaire d'évènements à la propriété on… correspondante de GlobalEventHandlers.

abort: Déclenché lorsque le chargement de la page est interrompu avant qu'un élément SVG ait pu être chargé complètement. Également disponible avec la propriété onabort.
error: Déclenché lorsqu'un élément SVG ne charge pas correctement ou lorsqu'une erreur se produit lors de l'exécution d'un script. Également disponible avec la propriété onerror.
load: Déclenché sur un objet SVGElement lorsqu'il est chargé dans le navigateur. Également disponible avec la propriété onload.
resize: Déclenché lorsqu'un document SVG est redimensionné. Également disponible avec la propriété onresize.
scroll: Declenché lorsque la vue d'un document SVG est décalée le long de l'axe horizontal ou vertical. Également disponible avec la propriété onscroll.
unload: Déclenché lorsque l'implémentation du DOM retire un document SVG de la fenêtre ou de la frame.

Spécifications

Specification
Scalable Vector Graphics (SVG) 2 # InterfaceSVGElement

Compatibilité des navigateurs

BCD tables only load in the browser

Voir aussi

Les attributs de données HTML data-*
Les attributs de données SVG data-*
Utiliser les attributs de données spécifiques en HTML