---
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" name="Browser_compatibility">Compatibilité des navigateurs</h2>
<p>{{ CompatibilityTable() }}</p>
<div id="compat-desktop">
 <table class="compat-table">
  <tbody>
   <tr>
    <th>Fonction</th>
    <th>Chrome</th>
    <th>Firefox (Gecko)</th>
    <th>Internet Explorer</th>
    <th>Opera</th>
    <th>Safari (WebKit)</th>
   </tr>
   <tr>
    <td>Support de base</td>
    <td>{{ CompatVersionUnknown() }}</td>
    <td>{{ CompatVersionUnknown() }}</td>
    <td>9.0</td>
    <td>{{ CompatVersionUnknown() }}</td>
    <td>{{ CompatVersionUnknown() }}</td>
   </tr>
  </tbody>
 </table>
</div>
<div id="compat-mobile">
 <table class="compat-table">
  <tbody>
   <tr>
    <th>Fonction</th>
    <th>Android</th>
    <th>Firefox Mobile (Gecko)</th>
    <th>IE Mobile</th>
    <th>Opera Mobile</th>
    <th>Safari Mobile</th>
   </tr>
   <tr>
    <td>Support de base</td>
    <td>{{ CompatNo() }}</td>
    <td>{{ CompatVersionUnknown() }}</td>
    <td>{{ CompatUnknown() }}</td>
    <td>{{ CompatVersionUnknown() }}</td>
    <td>{{ CompatVersionUnknown() }}</td>
   </tr>
  </tbody>
 </table>
</div>
<h2 id="Voir_aussi">Voir aussi</h2>
<ul>
 <li>Référence DOM {{ SVGElement("element") }}</li>
</ul>