---
title: SVGElement
slug: Web/API/SVGElement
tags:
  - Reference
translation_of: Web/API/SVGElement
---
<h2 id="Interface_d'élément_SVG">Interface d'élément SVG</h2>
<p>Toutes les interfaces SVG DOM qui correspondent directement à des éléments du langage SVG dérivent de l'interface <code>SVGElement</code>.</p>
<h3 id="Vue_d'ensemble_de_l'interface">Vue d'ensemble de l'interface</h3>
<table class="standard-table">
 <tbody>
  <tr>
   <th scope="row">Implémente aussi</th>
   <td>Voir l'interface générique DOM {{ domxref("Element") }}.</td>
  </tr>
  <tr>
   <th scope="row">Méthodes</th>
   <td><em>Aucune</em></td>
  </tr>
  <tr>
   <th scope="row">Propriétés</th>
   <td>
    <ul>
     <li>readonly {{ domxref("DOMString") }} <code>id</code></li>
     <li>readonly {{ domxref("DOMString") }} <code>xmlbase</code></li>
     <li>readonly {{ domxref("SVGSVGElement") }} <code>ownerSVGElement</code></li>
     <li>readonly {{ domxref("SVGElement") }} <code>viewportElement</code></li>
    </ul>
   </td>
  </tr>
  <tr>
   <th scope="row">Normative document</th>
   <td><a class="external" href="http://www.w3.org/TR/SVG11/types.html#InterfaceSVGElement" title="http://www.w3.org/TR/SVG11/types.html#InterfaceSVGElement">SVG 1.1 (2nd Edition)</a></td>
  </tr>
 </tbody>
</table>
<h2 id="Properties">Properties</h2>
<table class="standard-table">
 <thead>
  <tr>
   <th>Nom</th>
   <th>Type</th>
   <th>Description</th>
  </tr>
 </thead>
 <tbody>
  <tr>
   <td><code>id</code></td>
   <td>{{ domxref("DOMString") }}</td>
   <td>La valeur de l'attribut {{ SVGAttr("id") }} de l'élément, ou une chaîne vide si <code>id</code> n'est pas présent.</td>
  </tr>
  <tr>
   <td><code>xmlbase</code></td>
   <td>{{ domxref("DOMString") }}</td>
   <td>Correspond à l'attribut {{ SVGAttr("xml:base") }} de l'élément.</td>
  </tr>
  <tr>
   <td><code>ownerSVGElement</code></td>
   <td>{{ domxref("SVGSVGElement") }}</td>
   <td>
    <p>L'élément {{ SVGElement("svg") }} parent le plus près. <code>Null</code> si l'élément est l'élément svg le plus à l'extérieur.</p>
   </td>
  </tr>
  <tr>
   <td><code>viewportElement</code></td>
   <td>{{ domxref("SVGElement") }}</td>
   <td>
    <p>L'élément qui a établi la fenêtre actuelle. Souvent l'élément parent {{ SVGElement("svg") }} le plus prêt. <code>Null</code> si l'élément est l'élément svg le plus à l'extérieur.</p>
   </td>
  </tr>
 </tbody>
</table>
<h2 id="Méthodes">Méthodes</h2>
<p>L'interface <code>SVGElement</code> ne possède aucune méthode spécifique.</p>

<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>

<p>{{Compat("api.SVGElement")}}</p>

<h2 id="Voir_aussi">Voir aussi</h2>

<ul>
  <li>Référence DOM {{ SVGElement("element") }}</li>
</ul>