Cette page a été traduite à partir de l'anglais par la communauté.Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.
SVGElement
Baseline Widely available *
Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis juillet 2015.
* Certaines parties de cette fonctionnalité peuvent bénéficier de prise en charge variables.
Toutes les interfaces du DOM SVG qui correspondent à des éléments SVG dérivent de l'interfaceSVGElement.
Dans cet article
Propriétés
Cette interface hérite également des propriétés deDocumentAndElementEventHandlers,Element,GlobalEventHandlers, etSVGElementInstance
SVGElement.attributeStyleMapLecture seuleUn objet
StylePropertyMapqui représente les déclarations de l'attributstylede l'élément.SVGElement.datasetLecture seuleUn objet
DOMStringMapqui fournit une liste de paires de clé/valeur des attributs de données nommés correspondant auxattributs de données spécifiques attachés à l'élément. Ils peuvent également être définis en SVG avec des attributs de la formedata-*, 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 DOMHTMLElement.datasetet attribut HTML globaldata-*).SVGElement.classNameObsolèteLecture seuleUne chaîne de caractères
SVGAnimatedStringqui reflète la valeur de l'attributclassde 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'utiliserElement.classListà la place.SVGElement.nonceRenvoie 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.ownerSVGElementLecture seuleUn objet
SVGSVGElementqui fait référence à l'ancêtre<svg>le plus proche ounullsi l'élément courant est l'élément<svg>de plus haut niveau.SVGElement.styleUn objet
CSSStyleDeclarationqui représente les déclarations de mise en forme portées par l'attributstyle.SVGElement.tabIndexLa position de l'élément dans l'ordre de tabulation.
SVGElement.viewportElementLecture seuleL'objet
SVGElementqui 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é vautnullsi 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 parDocumentAndElementEventHandlers,Element,GlobalEventHandlers, etSVGElementInstance
Évènements
On pourra intercepter les évènements suivants en utilisantaddEventListener() ou en affectant un gestionnaire d'évènements à la propriétéon… correspondante deGlobalEventHandlers.
abortDé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.errorDé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.loadDéclenché sur un objet
SVGElementlorsqu'il est chargé dans le navigateur. Également disponible avec la propriétéonload.resizeDéclenché lorsqu'un document SVG est redimensionné. Également disponible avec la propriété
onresize.scrollDeclenché 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.unloadDéclenché lorsque l'implémentation du DOM retire un document SVG de la fenêtre ou de laframe.
Spécifications
| Specification |
|---|
| Scalable Vector Graphics (SVG) 2> # InterfaceSVGElement> |
Compatibilité des navigateurs
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