aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/api/element
diff options
context:
space:
mode:
Diffstat (limited to 'files/fr/web/api/element')
-rw-r--r--files/fr/web/api/element/animate/index.html96
-rw-r--r--files/fr/web/api/element/compositionstart_event/index.html245
-rw-r--r--files/fr/web/api/element/compositionupdate_event/index.html54
-rw-r--r--files/fr/web/api/element/copy_event/index.html86
-rw-r--r--files/fr/web/api/element/currentstyle/index.html86
-rw-r--r--files/fr/web/api/element/focusin_event/index.html50
-rw-r--r--files/fr/web/api/element/focusout_event/index.html50
-rw-r--r--files/fr/web/api/element/getattributenames/index.html52
-rw-r--r--files/fr/web/api/element/getelementsbytagname/index.html71
-rw-r--r--files/fr/web/api/element/hasattribute/index.html52
-rw-r--r--files/fr/web/api/element/id/index.html56
-rw-r--r--files/fr/web/api/element/index.html360
-rw-r--r--files/fr/web/api/element/localname/index.html50
-rw-r--r--files/fr/web/api/element/namespaceuri/index.html50
-rw-r--r--files/fr/web/api/element/outerhtml/index.html48
-rw-r--r--files/fr/web/api/element/prefix/index.html54
-rw-r--r--files/fr/web/api/element/queryselector/index.html68
-rw-r--r--files/fr/web/api/element/queryselectorall/index.html67
-rw-r--r--files/fr/web/api/element/releasepointercapture/index.html58
-rw-r--r--files/fr/web/api/element/requestfullscreen/index.html60
-rw-r--r--files/fr/web/api/element/scrollintoviewifneeded/index.html52
-rw-r--r--files/fr/web/api/element/scrollleftmax/index.html58
-rw-r--r--files/fr/web/api/element/setpointercapture/index.html58
-rw-r--r--files/fr/web/api/element/tabstop/index.html52
-rw-r--r--files/fr/web/api/element/tagname/index.html54
25 files changed, 206 insertions, 1781 deletions
diff --git a/files/fr/web/api/element/animate/index.html b/files/fr/web/api/element/animate/index.html
index 5d547f1e5e..52da07fd40 100644
--- a/files/fr/web/api/element/animate/index.html
+++ b/files/fr/web/api/element/animate/index.html
@@ -100,101 +100,7 @@ translation_of: Web/API/Element/animate
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatChrome("36")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{ CompatGeckoDesktop("48.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>id</code> option</td>
- <td>{{CompatChrome(50.0)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{ CompatGeckoDesktop("48.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>composite</code>, <code>iterationComposite</code>, and <code>spacing</code> options</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Android Webview</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Firefox OS</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatChrome(39.0)}}</td>
- <td>{{CompatChrome(39.0)}}</td>
- <td>{{ CompatGeckoMobile("48.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>id</code> option</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatChrome(50.0)}}</td>
- <td>{{CompatChrome(50.0)}}</td>
- <td>{{ CompatGeckoMobile("48.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>composite</code>, <code>iterationComposite</code>, and <code>spacing</code> options</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+<p>{{Compat("api.Element.animate")}}</p>
<h2 id="Voir_aussi">Voir aussi</h2>
diff --git a/files/fr/web/api/element/compositionstart_event/index.html b/files/fr/web/api/element/compositionstart_event/index.html
index 25ef560400..4cb57ef36e 100644
--- a/files/fr/web/api/element/compositionstart_event/index.html
+++ b/files/fr/web/api/element/compositionstart_event/index.html
@@ -1,147 +1,148 @@
---
title: compositionstart
slug: Web/API/Element/compositionstart_event
+tags:
+ - Element
+ - Event
+ - Input method
+ - Reference
+ - compositionstart
translation_of: Web/API/Element/compositionstart_event
original_slug: Web/Events/compositionstart
---
-<p>L'événement <strong><code>compositionstart </code></strong><code>est déclenché lorsque la composition d'un passage de texte est préparée (similaire à keydown pour une entrée clavier, mais démarre avec des caractères spéciaux qui nécessitent une sequence de touches et d'autres entrées telles que la reconnaissance vocale ou la suggestion de mots du mobile). </code></p>
+<div>{{APIRef}}</div>
+
+<p>L'événement <strong><code>compositionstart</code></strong> est déclenché lorsqu'un système de composition de texte tel qu'une {{glossary("input method editor","méthode de saisie")}} démarre une nouvelle session de composition.</p>
+
+<p>Par exemple, cet événement pourrait être déclenché après qu'un utilisateur a commencé à saisir un caractère chinois en utilisant un <a href="https://en.wikipedia.org/wiki/Pinyin">Pinyin</a> IME.</p>
+
+<table class="properties">
+ <tbody>
+ <tr>
+ <th>Propagation</th>
+ <td>Oui</td>
+ </tr>
+ <tr>
+ <th>Annulable</th>
+ <td>Oui</td>
+ </tr>
+ <tr>
+ <th>Interface</th>
+ <td>{{domxref("CompositionEvent")}}</td>
+ </tr>
+ <tr>
+ <th>Propriété du gestionnaire d'événements</th>
+ <td>Aucune</td>
+ </tr>
+ </tbody>
+</table>
-<h2 id="Informations_générales">Informations générales</h2>
+<h2 id="Examples">Exemples</h2>
-<dl>
- <dt style="float: left; text-align: right; width: 120px;">Interface</dt>
- <dd style="margin: 0 0 0 120px;">{{domxref("TouchEvent")}}</dd>
- <dt style="float: left; text-align: right; width: 120px;">Propagation</dt>
- <dd style="margin: 0 0 0 120px;">Oui</dd>
- <dt style="float: left; text-align: right; width: 120px;">Annulable</dt>
- <dd style="margin: 0 0 0 120px;">Oui</dd>
- <dt style="float: left; text-align: right; width: 120px;">Cible</dt>
- <dd style="margin: 0 0 0 120px;">{{domxref("Element")}}</dd>
-</dl>
+<pre class="brush: js">const inputElement = document.querySelector('input[type="text"]');
-<h2 id="Propriétés">Propriétés</h2>
+inputElement.addEventListener('compositionstart', (event) =&gt; {
+ console.log(`generated characters were: ${event.data}`);
+});</pre>
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Property</th>
- <th scope="col">Type</th>
- <th scope="col">Description</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td><code>target</code> {{ReadOnlyInline}}</td>
- <td>{{domxref("EventTarget")}}</td>
- <td>Elément ayant le focus qui traite la composition</td>
- </tr>
- <tr>
- <td><code>type</code> {{ReadOnlyInline}}</td>
- <td>{{domxref("DOMString")}}</td>
- <td>Le type de l'événement.</td>
- </tr>
- <tr>
- <td><code>bubbles</code> {{ReadOnlyInline}}</td>
- <td><code>boolean</code></td>
- <td>Est-ce qu'il se propage?</td>
- </tr>
- <tr>
- <td><code>cancelable</code> {{ReadOnlyInline}}</td>
- <td><code>boolean</code></td>
- <td>Peut-il être annulé?</td>
- </tr>
- <tr>
- <td><code>view</code> {{ReadOnlyInline}}</td>
- <td>{{domxref("WindowProxy")}}</td>
- <td>{{domxref("Document.defaultView")}} (fenêtre du document)</td>
- </tr>
- <tr>
- <td><code>detail</code> {{ReadOnlyInline}}</td>
- <td><code>long</code> (<code>float</code>)</td>
- <td>0.</td>
- </tr>
- <tr>
- <td><code>data </code>{{ReadOnlyInline}}</td>
- <td>{{domxref("DOMString")}} (string)</td>
- <td>
- <p>La chaîne de caractères originale éditée ou une chaîne vide.</p>
- </td>
- </tr>
- <tr>
- <td><code>locale </code>{{ReadOnlyInline}}</td>
- <td>{{domxref("DOMString")}} (string)</td>
- <td>Le code de la langue pour l'événement de composition si disponible; Sinon une chaîne vide.</td>
- </tr>
- </tbody>
-</table>
+<h3 id="Live_example">Exemple concret</h3>
-<h2 id="Compatibilités_navigateur">Compatibilités navigateur</h2>
+<h4 id="HTML">HTML</h4>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Navigateur</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Support basique</td>
- <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
- <td>{{CompatGeckoDesktop("9.0")}}<sup>[2]</sup></td>
- <td>{{CompatVersionUnknown}}<sup>[3]</sup></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
- </tr>
- </tbody>
-</table>
-</div>
+<pre class="brush: html">&lt;div class="control"&gt;
+ &lt;label for="name"&gt;Sur macOS, cliquez dans la zone de texte ci-dessous,&lt;br&gt; puis tapez &lt;kbd&gt;option&lt;/kbd&gt; + &lt;kbd&gt;`&lt;/kbd&gt;, puis &lt;kbd&gt;a&lt;/kbd&gt; :&lt;/label&gt;
+ &lt;input type="text" id="example" name="example"&gt;
+&lt;/div&gt;
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Navigateur</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 basique</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile("9.0")}}<sup>[2]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
+&lt;div class="event-log"&gt;
+ &lt;label&gt;Event log:&lt;/label&gt;
+ &lt;textarea readonly class="event-log-contents" rows="8" cols="25"&gt;&lt;/textarea&gt;
+ &lt;button class="clear-log"&gt;Clear&lt;/button&gt;
+&lt;/div&gt;</pre>
+
+<div class="hidden">
+<h4 id="CSS">CSS</h4>
+
+<pre class="brush: css">body {
+ padding: .2rem;
+ display: grid;
+ grid-template-areas: "control log";
+}
+
+.control {
+ grid-area: control;
+}
+
+.event-log {
+ grid-area: log;
+}
+
+.event-log-contents {
+ resize: none;
+}
+
+label, button {
+ display: block;
+}
+
+input[type="text"] {
+ margin: .5rem 0;
+}
+
+kbd {
+ border-radius: 3px;
+ padding: 1px 2px 0;
+ border: 1px solid black;
+}
+</pre>
</div>
-<p>[1] La valeur de l'attribut <em>data</em> est fausse</p>
+<h4 id="JS">JS</h4>
+
+<pre class="brush: js">const inputElement = document.querySelector('input[type="text"]');
+const log = document.querySelector('.event-log-contents');
+const clearLog = document.querySelector('.clear-log');
+
+clearLog.addEventListener('click', () =&gt; {
+ log.textContent = '';
+});
-<p>[2] L'événement a été déclenché dans les versions de Gecko antérieures à la 9.0, mais n'avait pas les attributs et les méthodes DOM Level 3.</p>
+function handleEvent(event) {
+ log.textContent = log.textContent + `${event.type}: ${event.data}\n`;
+}
-<p>Gecko ne supporte pas l'attribut <em>local</em>e pour les événements approuvés pour l'instant. Cependant, cette valeur peut être définie via <code><a href="/fr/docs/Web/API/CompositionEvent#initCompositionEvent()">initCompositionEvent()</a> à la création d'événements non-approuvés.</code></p>
+inputElement.addEventListener('compositionstart', handleEvent);
+inputElement.addEventListener('compositionupdate', handleEvent);
+inputElement.addEventListener('compositionend', handleEvent);
+</pre>
-<p>Selon la spécification DOM Level3, <strong>compositionstart</strong> est annulable; Cependant, Gecko ne vous laisse pas l' annuler.</p>
+<h4 id="Result">Résultat</h4>
-<p>Gecko déclenche l'événement lorsque IME commence la composition, et quelques plateformes n'ont pas d'API pour annuler la composition une fois commencée. De plus, Gecko ne peut pas savoir si un événement clavier va commencé la composition ou non jusqu'à ce que IME ne la commence réellement. A cause de celà, {{domxref("event.preventDefault()")}} ne fonctionne pas sur l'événement <code><strong>compositionstart</strong> avec Gecko.</code></p>
+<p>{{ EmbedLiveSample('Live_example', '100%', '180px') }}</p>
-<p>Les éditeurs de Gecko (comme &lt;input type="text"&gt; <code>&lt;div contenteditable/&gt; et designMode) commence la composition après la phase de propagation de <strong>compositionstart</strong>. Donc, au moment où votre gestionnaire de <strong>compositionstart</strong> est appelé, aucun contenu n'a été modifié.</code></p>
+<h2 id="Specifications">Spécifications</h2>
+
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Spécification</th>
+ <th scope="col">Statut</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName('UI Events', '#event-type-compositionstart')}}</td>
+ <td>{{Spec2('UI Events')}}</td>
+ </tr>
+ </tbody>
+</table>
+
+<h2 id="Compatibilités_navigateur">Compatibilités navigateur</h2>
-<p>[3] La valeur de data est toujours vide.</p>
+<p>{{Compat("api.Element.compositionstart_event")}}</p>
-<h2 id="Evénements_liés">Evénements liés</h2>
+<h2 id="See_also">Voir aussi</h2>
<ul>
- <li>{{Event("compositionend")}}</li>
- <li>{{Event("compositionupdate")}}</li>
+ <li>Événements liés : {{domxref("Element/compositionend_event", "compositionend")}}, {{domxref("Element/compositionupdate_event", "compositionupdate")}}.</li>
</ul>
diff --git a/files/fr/web/api/element/compositionupdate_event/index.html b/files/fr/web/api/element/compositionupdate_event/index.html
index 6ce746c7c1..f0ae9bc134 100644
--- a/files/fr/web/api/element/compositionupdate_event/index.html
+++ b/files/fr/web/api/element/compositionupdate_event/index.html
@@ -75,59 +75,7 @@ original_slug: Web/Events/compositionupdate
<h2 id="Compatibilités_navigateur">Compatibilités navigateur</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Navigateur</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Support basique</td>
- <td>{{CompatVersionUnknown}}<sup>[1]</sup></td>
- <td>{{CompatGeckoDesktop("9.0")}}<sup>[2]</sup></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Navigateur</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Suport basique</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile("9.0")}}<sup>[2]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] N'est pas<span id="result_box" lang="fr"><span> distribué immédiatement après l'événement <code>compositionstart</code>. </span></span></p>
-
-<p>[2] <code>Les événements <strong>compositionupdate</strong> sont déclenchés avant </code><span id="result_box" lang="fr"><span>avant que le contenu éditable ne soit réellement modifié; C'est-à-dire que la valeur d'un élément éditable n'a pas encore été modifiée lorsque les gestionnaires de </span></span><strong><code>compositionupdate</code></strong><span lang="fr"><span> sont appelés. A partir de Gecko 12.0 </span></span>{{geckoRelease("12.0")}}, les événements <code>input</code> sont déclenchés durant l'édition, après que le contenu de l'élément a été modifié. <span id="result_box" lang="fr"><span>Cela permet d'obtenir le contenu mis à jour pendant que l'édition est en cours.</span></span></p>
-
-<p>Gecko ne supporte pas l'attribut <em>local</em>e pour les événements approuvés pour l'instant. Cependant, cette valeur peut être définie via <code><a href="/fr/docs/Web/API/CompositionEvent#initCompositionEvent()">initCompositionEvent()</a> à la création d'événements non-approuvés.</code></p>
+<p>{{Compat("api.Element.compositionupdate_event")}}</p>
<h2 id="Voir_aussi">Voir aussi</h2>
diff --git a/files/fr/web/api/element/copy_event/index.html b/files/fr/web/api/element/copy_event/index.html
index e6d7a42bf6..6617dfc675 100644
--- a/files/fr/web/api/element/copy_event/index.html
+++ b/files/fr/web/api/element/copy_event/index.html
@@ -76,74 +76,32 @@ original_slug: Web/Events/copy
</tbody>
</table>
-<h2 id="Compatibilités_navigateur">Compatibilités navigateur</h2>
+<h2 id="Specifications">Spécifications</h2>
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Navigateur</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Support basique</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- <tr>
- <td><code>clipboardData</code></td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatGeckoDesktop(22) }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
+<table class="standard-table">
+ <thead>
+ <tr>
+ <th scope="col">Spécification</th>
+ <th scope="col">Statut</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>{{SpecName('Clipboard API', '#clipboard-event-copy')}}</td>
+ <td>{{Spec2('Clipboard API')}}</td>
+ </tr>
+ </tbody>
</table>
-</div>
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Navigateur</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Support basique</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- <tr>
- <td><code>clipboardData</code></td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatGeckoMobile(22) }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+<h2 id="Browser_compatibility">Compatibilités navigateur</h2>
+
+<p>{{Compat("api.Element.copy_event")}}</p>
-<h2 id="Evénements_liés">Evénements liés</h2>
+<h2 id="See_also">Voir aussi</h2>
<ul>
- <li>{{event("copy")}}, {{event("cut")}}, {{event("paste")}}</li>
+ <li>Événements relatifs : {{domxref("Element/cut_event", "cut")}}, {{domxref("Element/paste_event", "paste")}}</li>
+ <li>Cet événement sur {{domxref("Document")}} cible : {{domxref("Document/copy_event", "copy")}}</li>
+ <li>Cet événement sur {{domxref("Window")}} cible : {{domxref("Window/copy_event", "copy")}}</li>
</ul>
+ \ No newline at end of file
diff --git a/files/fr/web/api/element/currentstyle/index.html b/files/fr/web/api/element/currentstyle/index.html
index 09a7425ce9..3ac845eaf3 100644
--- a/files/fr/web/api/element/currentstyle/index.html
+++ b/files/fr/web/api/element/currentstyle/index.html
@@ -1,76 +1,48 @@
---
title: Element.currentStyle
slug: Web/API/Element/currentStyle
+tags:
+ - API
+ - NeedsExample
+ - Non-standard
+ - Property
translation_of: Web/API/Element/currentStyle
---
-<div>{{APIRef("DOM")}}</div>
+<div>{{APIRef("DOM")}}{{Non-standard_header}}</div>
-<p>{{ Non-standard_header() }}</p>
+<p class="summary"><strong><code>Element.currentStyle</code></strong> est une propriété propriétaire qui est similaire à la méthode normalisée {{DOMxRef("window.getComputedStyle()")}}. Elle est disponible dans les anciennes versions de Microsoft Internet Explorer. Cependant, elle renvoie les unités définies dans CSS alors que <code>window.getComputedStyle()</code> renvoie les valeurs en pixels.</p>
-<h2 id="Summary">Summary</h2>
+<h2 id="Polyfill">Prothèse d'émulation</h2>
-<p><strong><code>Element.currentStyle</code></strong> is a property which is a proprietary similar to the standardized {{domxref("window.getComputedStyle")}} method. It is available in old versions of Microsoft Internet Explorer. However, it returns the units set in CSS while window.getComputedStyle returns the values in pixels.</p>
+<div class="notecard note">
+ <p>Cette prothèse d'émulation retourne les valeurs en pixels et risque d'être plutôt lent, car il doit appeler {{domxref("window.getComputedStyle()")}} chaque fois que sa valeur est lue.</p>
+</div>
-<h2 id="Specification">Specification</h2>
+<pre class="brush: js">/* Tout droit d'auteur est dédié au domaine public.
+ * http://creativecommons.org/publicdomain/zero/1.0/ */
-<p>Ne fait partie d'aucune spécification.</p>
+if (!("currentStyle" in Element.prototype)) {
+ Object.defineProperty(Element.prototype, "currentStyle", {
+ get: function() {
+ return window.getComputedStyle(this);
+ }
+ });
+}
+</pre>
-<p>Microsoft <a href="https://msdn.microsoft.com/en-us/library/ms535231(v=vs.85).aspx">a une description MSDN</a>.</p>
+<h2 id="Specifications">Spécifications</h2>
-<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilité des navigateurs</h2>
+<p>Ne fait partie d'aucune spécification.</p>
-<p>{{ CompatibilityTable() }}</p>
+<p>Microsoft <a href="https://web.archive.org/web/20150629144515/https://msdn.microsoft.com/en-us/library/ms535231(v=vs.85).aspx">a une description MSDN</a>.</p>
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Microsoft Edge</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>6</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Feature</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatUnknown() }}</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+<p>{{Compat("api.Element.currentStyle")}}</p>
-<h2 id="Voir_aussi">Voir aussi</h2>
+<h2 id="See_also">Voir aussi</h2>
<ul>
- <li>{{domxref("Element.runtimeStyle")}}</li>
+ <li>{{DOMxRef("Element.runtimeStyle")}}</li>
+ <li>{{DOMxRef("window.getComputedStyle()")}}</li>
</ul>
diff --git a/files/fr/web/api/element/focusin_event/index.html b/files/fr/web/api/element/focusin_event/index.html
index f999a7f3da..6310410cdd 100644
--- a/files/fr/web/api/element/focusin_event/index.html
+++ b/files/fr/web/api/element/focusin_event/index.html
@@ -64,55 +64,7 @@ original_slug: Web/Events/focusin
<h2 id="Compatibilité_navigateur">Compatibilité navigateur</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Navigateur</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Support basique</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}<sup>[1]</sup></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Navigateur</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 basique</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}<sup>[1]</sup></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Cet événement n'est pas encore supporté par Firefox, voir {{Bug("687787")}}. Il est possible d'utiliser l'événement <a href="https://developer.mozilla.org/fr/docs/Mozilla_event_reference/focus_%28event%29"><code>focus</code></a> à la place, qui est aussi <a href="/en-US/docs/Mozilla_event_reference/focus_(event)#Event_delegation">compatible avec la délégation d'événements.</a></p>
+<p>{{Compat("api.Element.focusin_event")}}</p>
<h2 id="Evénements_liés">Evénements liés</h2>
diff --git a/files/fr/web/api/element/focusout_event/index.html b/files/fr/web/api/element/focusout_event/index.html
index 8470ea9374..2d20d5050c 100644
--- a/files/fr/web/api/element/focusout_event/index.html
+++ b/files/fr/web/api/element/focusout_event/index.html
@@ -64,55 +64,7 @@ original_slug: Web/Events/focusout
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Navigateur</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Support de base</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}<sup>[1]</sup></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Navigateur</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>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}<sup>[1]</sup></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Cet évènement n'est pas encore supporté dans Firefox, voir {{Bug("687787")}}. Il est possible d'utiliser l'évènement <code>blur</code> à la place, qui est également compatible avec <a href="/en-US/docs/Mozilla_event_reference/blur_(event)#Event_delegation">event delegation</a>.</p>
+<p>{{Compat("api.Element.focusout_event")}}</p>
<h2 id="Evénements_liés">Evénements liés</h2>
diff --git a/files/fr/web/api/element/getattributenames/index.html b/files/fr/web/api/element/getattributenames/index.html
index 8aa41d44ad..0fac66f4b1 100644
--- a/files/fr/web/api/element/getattributenames/index.html
+++ b/files/fr/web/api/element/getattributenames/index.html
@@ -63,54 +63,4 @@ for(let name of element.getAttributeNames())
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatChrome(61)}}</td>
- <td>{{CompatGeckoDesktop(45)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatOpera(48)}}</td>
- <td>{{CompatSafari(9)}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Android Webview</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Firefox OS</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatChrome(61)}}</td>
- <td>{{CompatChrome(61)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatOperaMobile(48)}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+<p>{{Compat("api.Element.getAttributeNames")}}</p>
diff --git a/files/fr/web/api/element/getelementsbytagname/index.html b/files/fr/web/api/element/getelementsbytagname/index.html
index db034104c0..634b46b5aa 100644
--- a/files/fr/web/api/element/getelementsbytagname/index.html
+++ b/files/fr/web/api/element/getelementsbytagname/index.html
@@ -71,73 +71,6 @@ translation_of: Web/API/Element/getElementsByTagName
</tbody>
</table>
-<h2 id="Browser_Compatibility" name="Browser_Compatibility">Compatibilité des navigateurs</h2>
+<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1.0 [2]</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{ CompatVersionUnknown() }} [1]</td>
- <td>5.5</td>
- <td>{{ CompatVersionUnknown() }} [2]</td>
- <td>{{ CompatVersionUnknown() }} [2]</td>
- </tr>
- <tr>
- <td>getElementsByTagName("*")</td>
- <td>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>6.0</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Android</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{ CompatVersionUnknown() }} [1]</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] <span class="short_text" id="result_box" lang="fr"><span>Avant Firefox 19, cette méthode retournait une</span></span> {{domxref("NodeList")}} ; <span id="result_box" lang="fr"><span>il a ensuite été modifié pour refléter le changement de spécification.</span></span></p>
-
-<p>[2] Initiallement, la méthode retournait une {{domxref("NodeList")}} ; <span id="result_box" lang="fr"><span>il a ensuite été modifié pour refléter le changement de spécification.</span></span></p>
-</div>
-
-<p> </p>
+<p>{{Compat("api.Element.getElementsByTagName")}}</p>
diff --git a/files/fr/web/api/element/hasattribute/index.html b/files/fr/web/api/element/hasattribute/index.html
index 2f1ab2a913..144fd3ec78 100644
--- a/files/fr/web/api/element/hasattribute/index.html
+++ b/files/fr/web/api/element/hasattribute/index.html
@@ -74,54 +74,4 @@ translation_of: Web/API/Element/hasAttribute
<h2 id="Browser_compatibility">Browser compatibility</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>8.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Android</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+<p>{{Compat("api.Element.hasAttribute")}}</p>
diff --git a/files/fr/web/api/element/id/index.html b/files/fr/web/api/element/id/index.html
index 2dd8fedbfb..beab7c88e1 100644
--- a/files/fr/web/api/element/id/index.html
+++ b/files/fr/web/api/element/id/index.html
@@ -59,64 +59,10 @@ translation_of: Web/API/Element/id
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+<p>{{Compat("api.Element.id")}}</p>
<h2 id="Voir_aussi">Voir aussi</h2>
<ul>
<li>L'attribut global <a href="https://developer.mozilla.org/fr/docs/Web/HTML/Attributs_universels/id"><strong>id</strong></a> de DOM.</li>
</ul>
-
-<p> </p>
diff --git a/files/fr/web/api/element/index.html b/files/fr/web/api/element/index.html
index aa58fc3ea5..9c47374845 100644
--- a/files/fr/web/api/element/index.html
+++ b/files/fr/web/api/element/index.html
@@ -451,362 +451,4 @@ translation_of: Web/API/Element
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>1.0</td>
- </tr>
- <tr>
- <td><code>children</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.9")}}</td>
- <td>7.0 with a significant bug [1]<br>
- 9.0 according to the spec</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>childElementCount</code>, <code>nextElementSibling</code>, <code>previousElementSibling</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.9.1")}}</td>
- <td>9.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>firstElementChild</code>, <code>lastElementChild</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.9")}}</td>
- <td>9.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>classList</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.9.2")}}</td>
- <td></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>outerHTML</code> {{experimental_inline}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("11")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>clientLeft</code>, <code>clientTop</code> {{experimental_inline}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.9.1")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>getBoundingClientRect()</code>, <code>getClientRects()</code> {{experimental_inline}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.9")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>querySelector()</code>, <code>querySelectorAll()</code></td>
- <td>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("1.9.1")}}</td>
- <td>8.0</td>
- <td>10.0</td>
- <td>3.2 (525.3)</td>
- </tr>
- <tr>
- <td><code>insertAdjacentHTML()</code> {{experimental_inline}}</td>
- <td>1.0</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("8")}}</td>
- <td>4.0</td>
- <td>7.0</td>
- <td>4.0 (527)</td>
- </tr>
- <tr>
- <td><code>setCapture() </code>{{non-standard_inline}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop("2")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>oncopy</code>, <code>oncut</code>, <code>onpaste</code> {{non-standard_inline}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop("1.9")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td></td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>onwheel</code> {{non-standard_inline}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("17")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>ongotpointercapture</code>, <code>onlostpointercapture</code>, <code>setPointerCapture()</code>, and <code>releasePointerCapture()</code></td>
- <td>{{CompatChrome(52.0)}} [4]</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}} <sup>[3]</sup></td>
- <td>10.0</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>matches()</code> {{experimental_inline}}</td>
- <td>{{CompatVersionUnknown}} with the non-standard name <code>webkitMatchesSelector</code></td>
- <td>{{CompatVersionUnknown}} {{property_prefix("webkit")}} {{property_prefix("ms")}}</td>
- <td>{{CompatGeckoDesktop("1.9.2")}} with the non-standard name <code>mozMatchesSelector</code><br>
- {{CompatGeckoDesktop("34")}} with the standard name</td>
- <td>9.0 with the non-standard name <code>msMatchesSelector</code></td>
- <td>11.5 with the non-standard name <code>oMatchesSelector</code><br>
- 15.0 with the non-standard name <code>webkitMatchesSelector</code></td>
- <td>5.0 with the non-standard name <code>webkitMatchesSelector</code></td>
- </tr>
- <tr>
- <td><code>requestPointerLock()</code></td>
- <td>16.0 {{property_prefix("webkit")}}, behind an about:flags<br>
- 22.0 {{property_prefix("webkit")}} (with special cases, progressively lifted see [2])</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("14")}}{{property_prefix("moz")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>requestFullscreen()</code></td>
- <td>14.0 {{property_prefix("webkit")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("10")}} {{property_prefix("moz")}}</td>
- <td>11.0 {{property_prefix("ms")}}</td>
- <td>12.10<br>
- 15.0 {{property_prefix("webkit")}}</td>
- <td>5.1 {{property_prefix("webkit")}}</td>
- </tr>
- <tr>
- <td><code>undoManager</code> and <code>undoScope</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}} (behind the <code>dom.undo_manager.enabled</code> pref)</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>attributes</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop("22")}}<br>
- Before this it was available via the {{domxref("Node")}} interface that any <code>element</code> inherits.</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>scrollTopMax()</code> and <code>scrollLeftMax()</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop("16")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- <tr>
- <td><code>closest()</code></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("35")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>hasAttributes()</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop("1.0")}} (on the {{domxref("Node")}} interface)<br>
- {{CompatGeckoDesktop("35")}} (on this interface</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>insertAdjacentElement()</code>, <code>insertAdjacentText()</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoDesktop("48.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>assignedSlot</code>, <code>attatchShadow</code>, <code>shadowRoot</code>, and <code>slot</code></td>
- <td>{{CompatChrome(53)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- <tr>
- <td><code>computedRole</code> and <code>computedName</code></td>
- <td>{{CompatChrome(41)}}[4]</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>28[4]</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Android</th>
- <th>Android Webview</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- <th>Chrome for Android</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1.0</td>
- <td></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("1")}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>1.0</td>
- <td></td>
- </tr>
- <tr>
- <td><code>scrollTopMax()</code> and <code>scrollLeftMax()</code></td>
- <td>{{CompatNo}}</td>
- <td></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoMobile("16")}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td></td>
- </tr>
- <tr>
- <td><code>closest()</code></td>
- <td>{{CompatUnknown}}</td>
- <td></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("35")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td></td>
- </tr>
- <tr>
- <td><code>hasAttributes()</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatGeckoMobile("1.0")}} (on the {{domxref("Node")}} interface)<br>
- {{CompatGeckoMobile("35")}} (on this interface</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td></td>
- </tr>
- <tr>
- <td><code>insertAdjacentElement()</code>, <code>insertAdjacentText()</code></td>
- <td>{{CompatVersionUnknown}}</td>
- <td></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("48.0")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td></td>
- </tr>
- <tr>
- <td><code>assignedSlot</code>, <code>attatchShadow</code>, <code>shadowRoot</code>, and <code>slot</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatChrome(53.0)}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatChrome(53)}}</td>
- </tr>
- <tr>
- <td><code>computedRole</code> and <code>computedName</code></td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>28[4]</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Internet Explorer 7 et 8 retourne incorrectement les commentaires dans le cadre des enfants d'un élément. <span>Ceci est corrigé dans Internet Explorer 9 et versions ultérieures.</span></p>
-
-<p>[2] Chrome 16 permet <code>webkitRequestPointerLock()</code> uniquement en plein écran ; Chrome 21 pour un site web de confiance (permission demandée) ; Chrome 22 autorise par défaut pour tous les documents de même origine ; Chrome 23 autorise dans le bac à sable {{HTMLElement("iframe")}} si la valeur non-standard <code>webkit-allow-pointer-lock</code> est définie dans l'attribut {{htmlattrxref("sandbox", "iframe")}}.</p>
-
-<p>[3] Implémentation <span class="short_text" id="result_box" lang="fr"><span>retiré.</span></span> Voir {{Bug("1166347")}}.</p>
-
-<p>[4] <span class="short_text" id="result_box" lang="fr"><span>Derrière une balise (flag).</span></span></p>
-
-<dl>
- <dd></dd>
-</dl>
-
-<p><span class="comment">Devrait figurer sur une page traitant de NodeList  ; <a href="/fr/DOM/element.item">item</a>: Retrouve un nœud dans une &lt;code&gt;NodeList&lt;/code&gt; par son indice. (DOM Core, ne fait pas partie de l'interface &lt;code&gt;Element&lt;/code&gt;)</span> <span class="comment">?? ; <a href="/fr/DOM/element.supports">supports</a>: Teste si cette implémentation du DOM gère une fonctionnalité particulière. (DOM Core)</span></p>
+<p>{{Compat("api.Element")}}</p>
diff --git a/files/fr/web/api/element/localname/index.html b/files/fr/web/api/element/localname/index.html
index da09a1887e..8aea87173b 100644
--- a/files/fr/web/api/element/localname/index.html
+++ b/files/fr/web/api/element/localname/index.html
@@ -94,55 +94,7 @@ translation_of: Web/API/Element/localName
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>46.0<sup>[1]</sup></td>
- <td>{{CompatGeckoDesktop("48.0")}}<sup>[1]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile("48.0")}}<sup>[1]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Cet API était précédemment disponiblie sur l'API {{domxref("Node")}}.</p>
+<p>{{Compat("api.Element.localName")}}</p>
<h2 id="Voir_aussi">Voir aussi</h2>
diff --git a/files/fr/web/api/element/namespaceuri/index.html b/files/fr/web/api/element/namespaceuri/index.html
index 8bce63b22a..11d1c2a4a7 100644
--- a/files/fr/web/api/element/namespaceuri/index.html
+++ b/files/fr/web/api/element/namespaceuri/index.html
@@ -62,55 +62,7 @@ translation_of: Web/API/Element/namespaceURI
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>46.0<sup>[1]</sup></td>
- <td>{{CompatGeckoDesktop("48.0")}}<sup>[1]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatGeckoMobile("48.0")}}<sup>[1]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Cet API était précédemment disponible sur l'API {{domxref("Node")}}.</p>
+<p>{{Compat("api.Element.namespaceURI")}}</p>
<h2 id="Voir_aussi">Voir aussi</h2>
diff --git a/files/fr/web/api/element/outerhtml/index.html b/files/fr/web/api/element/outerhtml/index.html
index 3c9b834604..e9ed7dddf1 100644
--- a/files/fr/web/api/element/outerhtml/index.html
+++ b/files/fr/web/api/element/outerhtml/index.html
@@ -100,53 +100,7 @@ console.log(p.nodeName); // toujours "P";
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-<p>{{ CompatibilityTable() }}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Firefox (Gecko)</th>
- <th>Chrome</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{ CompatGeckoDesktop("11") }}</td>
- <td>0.2</td>
- <td>4.0</td>
- <td>7</td>
- <td>1.3</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatGeckoMobile("11") }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- <td>{{ CompatVersionUnknown() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
+<p>{{Compat("api.Element.outerHTML")}}</p>
<h2 id="Voir_aussi">Voir aussi</h2>
diff --git a/files/fr/web/api/element/prefix/index.html b/files/fr/web/api/element/prefix/index.html
index f82ba6bf2d..814f2987ff 100644
--- a/files/fr/web/api/element/prefix/index.html
+++ b/files/fr/web/api/element/prefix/index.html
@@ -54,59 +54,7 @@ translation_of: Web/API/Element/prefix
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>46.0<sup>[1]</sup></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoDesktop("48.0")}}<sup>[1]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Android</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("48.0")}}<sup>[1]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Cet API était précédemment disponible sur l'API {{domxref("Node")}}.</p>
+<p>{{Compat("api.Element.prefix")}}</p>
<h2 id="Voir_aussi">Voir aussi</h2>
diff --git a/files/fr/web/api/element/queryselector/index.html b/files/fr/web/api/element/queryselector/index.html
index 1d3af7beeb..a94fc08f79 100644
--- a/files/fr/web/api/element/queryselector/index.html
+++ b/files/fr/web/api/element/queryselector/index.html
@@ -111,74 +111,20 @@ document<span class="punctuation token">.</span><span class="function token">get
</tbody>
</table>
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
+<h2 id="Browser_compatibility">Compatibilité des navigateurs</h2>
-<p>{{ CompatibilityTable}}</p>
+<p>{{Compat("api.Element.querySelector")}}</p>
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatChrome(1)}}</td>
- <td>12</td>
- <td>{{CompatGeckoDesktop(1.9.1)}}</td>
- <td>9<sup>[1]</sup></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Firefox OS (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- <th>Chrome for Android</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] <code>querySelector()</code> est pris en charge dans IE 8, mais uniquement pour les sélecteurs CSS 2.1.</p>
-
-<h2 id="See_also" name="See_also">Voir aussi</h2>
+<h2 id="See_also">Voir aussi</h2>
<ul>
- <li><a href="https://developer.mozilla.org/fr/docs/Web/API/Document_Object_Model/Localisation_des_%C3%A9l%C3%A9ments_DOM_avec_les_s%C3%A9lecteurs">Localisation des éléments DOM avec les sélecteurs</a></li>
- <li><a href="https://developer.mozilla.org/fr/docs/Web/CSS/S%C3%A9lecteurs_d_attribut">Sélecteurs d'attribut</a> dans le guide CSS</li>
- <li><a href="https://developer.mozilla.org/fr/docs/Learn/CSS/Introduction_to_CSS/Attribute_selectors">Sélecteurs d'attribut</a> dans la zone d'apprentissage MDN</li>
+ <li><a href="/fr/docs/Web/API/Document_object_model/Locating_DOM_elements_using_selectors">Localisation des éléments DOM avec les sélecteurs</a></li>
+ <li><a href="/fr/docs/Web/CSS/Attribute_selectors">Sélecteurs d'attribut</a> dans le guide CSS</li>
+ <li><a href="/fr/docs/Learn/CSS/Building_blocks/Selectors/Attribute_selectors">Sélecteurs d'attribut</a> dans la zone d'apprentissage MDN</li>
<li>{{domxref("element.querySelectorAll()")}}</li>
<li>{{domxref("document.querySelector()")}} et {{domxref("Document.querySelectorAll()")}}</li>
<li>{{domxref("DocumentFragment.querySelector()")}} et {{domxref("DocumentFragment.querySelectorAll()")}}</li>
<li>{{domxref("ParentNode.querySelector()")}} et {{domxref("ParentNode.querySelectorAll()")}}</li>
- <li><a href="/en-US/docs/Code_snippets/QuerySelector">Exemples de code pour querySelector</a></li>
+ <li><a href="/fr/docs/Code_snippets/QuerySelector">Exemples de code pour querySelector</a></li>
<li>autres méthodes qui prennent des sélecteurs : {{domxref("element.closest()")}} et {{domxref("element.matches()")}}.</li>
</ul>
diff --git a/files/fr/web/api/element/queryselectorall/index.html b/files/fr/web/api/element/queryselectorall/index.html
index 08c0e64631..a82dccd008 100644
--- a/files/fr/web/api/element/queryselectorall/index.html
+++ b/files/fr/web/api/element/queryselectorall/index.html
@@ -149,72 +149,7 @@ inner<span class="punctuation token">.</span>length<span class="punctuation toke
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-<div>{{CompatibilityTable}}</div>
-
-<div id="compat-desktop">
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>1</td>
- <td>{{CompatGeckoDesktop("1.9.1")}}</td>
- <td>8</td>
- <td>10</td>
- <td>3.2 (525.3)</td>
- </tr>
- <tr>
- <td><code>:scope</code> pseudo-class</td>
- <td>{{ CompatVersionUnknown }}</td>
- <td>32</td>
- <td>{{CompatNo}}</td>
- <td>15<sup>[1]</sup></td>
- <td>7.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("1.9.1")}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- <tr>
- <td><code>:scope</code> pseudo-class</td>
- <td>{{ CompatUnknown }}</td>
- <td>32</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>7.0</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Pris en charge dans Opera 15+ en activant les balises "<strong>Enable &lt;style scoped&gt;</strong>" ou "<strong>Enable experimental Web Platform features</strong>" dans <code>chrome://flags</code>.</p>
+<p>{{Compat("api.Element.querySelectorAll")}}</p>
<h2 id="Voir_aussi">Voir aussi</h2>
</div>
diff --git a/files/fr/web/api/element/releasepointercapture/index.html b/files/fr/web/api/element/releasepointercapture/index.html
index be7f127da3..12e2b9c359 100644
--- a/files/fr/web/api/element/releasepointercapture/index.html
+++ b/files/fr/web/api/element/releasepointercapture/index.html
@@ -82,63 +82,7 @@ function init() {
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatChrome("35")}}<sup>[1]</sup></td>
- <td>{{CompatGeckoDesktop(59)}}</td>
- <td>10 {{property_prefix("-ms")}}<br>
- 11</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatChrome("35")}}<sup>[1]</sup></td>
- <td>{{CompatGeckoMobile("29")}}<sup>[2]</sup></td>
- <td>10 {{property_prefix("-ms")}}<br>
- 11</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] A été pris en charge dans <a href="http://crbug.com/248918">bug 248918</a>.</p>
-
-<p>[2] Supporté avec la préférence <code>dom.w3c_pointer_events.enabled</code> par défaut à <code>false</code> (<em>faux</em>).</p>
-
-<p> </p>
+<p>{{Compat("api.Element.releasePointerCapture")}}</p>
<h2 id="Voir_aussi">Voir aussi</h2>
diff --git a/files/fr/web/api/element/requestfullscreen/index.html b/files/fr/web/api/element/requestfullscreen/index.html
index 500c27e029..fb27e1ab93 100644
--- a/files/fr/web/api/element/requestfullscreen/index.html
+++ b/files/fr/web/api/element/requestfullscreen/index.html
@@ -50,65 +50,7 @@ translation_of: Web/API/Element/requestFullScreen
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Chrome</th>
- <th>Firefox</th>
- <th>Internet Explorer</th>
- <th>Edge</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Support basique</td>
- <td>{{CompatVersionUnknown}}{{property_prefix("webkit")}}<sup>[1]</sup></td>
- <td>{{CompatGeckoDesktop("9.0")}} as <code>mozRequestFullScreen</code><sup>[2]</sup><br>
- {{CompatGeckoDesktop("47.0")}} (behind full-screen-api.unprefix.enabled</td>
- <td>11{{property_prefix("ms")}}<sup>[3]</sup></td>
- <td>{{CompatVersionUnknown}}<sup>[3]</sup></td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Chrome Android</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Support basique</td>
- <td>{{CompatVersionUnknown}}{{property_prefix("webkit")}}<sup>[1]</sup></td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatGeckoMobile("9.0")}} as <code>mozRequestFullScreen</code><sup>[2]</sup><br>
- {{CompatGeckoMobile("47.0")}} (behind full-screen-api.unprefix.enabled</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Également implémenté en tant que <code>webkitRequestFullScreen</code>.</p>
-
-<p>[2] Implémenté en tant que <code>mozRequestFullScreen</code> (remarquez le S majuscule pour <em>Screen</em>). Avant Firefox 44, Gecko autorisait incorrectement les éléments présents dans une  {{HTMLElement('frame')}} ou un {{HTMLElement('object')}} de demander, et d'obtenir, le mode plein écran. Dans les versions 44 et supérieures de Firefox, ceci a été corrigé : seuls les éléments dans le plus haut niveau du document ou dans une {{HTMLElement('iframe')}} avec l'attribut {{htmlattrxref("allowfullscreen", "iframe")}} peuvent être affichés en plein écran.</p>
-
-<p>[3] Voir la <a href="https://msdn.microsoft.com/en-us/library/dn254939%28v=vs.85%29.aspx">documentation sur MSDN</a>.</p>
+<p>{{Compat("api.Element.requestFullscreen")}}</p>
<h2 id="Voir_aussi">Voir aussi</h2>
diff --git a/files/fr/web/api/element/scrollintoviewifneeded/index.html b/files/fr/web/api/element/scrollintoviewifneeded/index.html
index 2524b1cf9a..f6f4236349 100644
--- a/files/fr/web/api/element/scrollintoviewifneeded/index.html
+++ b/files/fr/web/api/element/scrollintoviewifneeded/index.html
@@ -38,57 +38,7 @@ translation_of: Web/API/Element/scrollIntoViewIfNeeded
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Microsoft Edge</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}} [1]</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Phone</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatNo}} [1]</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] {{bug(403510)}}</p>
+<p>{{Compat("api.Element.scrollIntoViewIfNeeded")}}</p>
<h2 id="Voir_aussi">Voir aussi</h2>
diff --git a/files/fr/web/api/element/scrollleftmax/index.html b/files/fr/web/api/element/scrollleftmax/index.html
index 29c1026e81..cbf25a3745 100644
--- a/files/fr/web/api/element/scrollleftmax/index.html
+++ b/files/fr/web/api/element/scrollleftmax/index.html
@@ -11,65 +11,15 @@ translation_of: Web/API/Element/scrollLeftMax
<pre>var <em>pxl</em> = <em>elt</em>.scrollLeftMax;</pre>
-<h2 id="Spécifications">Spécifications</h2>
+<h2 id="Specifications">Spécifications</h2>
<p><em>Cette propriété ne fait partie d'aucune spécification.</em></p>
-<h2 id="Browser_compatibility" name="Browser_compatibility">Compatibilité des navigateurs</h2>
+<h2 id="Browser_compatibility" >Compatibilité des navigateurs</h2>
-<p>{{ CompatibilityTable() }}</p>
+<p>{{Compat("api.Element.scrollLeftMax")}}</p>
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Compatibilité</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatGeckoDesktop(16) }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Android</th>
- <th>Android Webview</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- <th>Chrome for Android</th>
- </tr>
- <tr>
- <td>Compatibilité</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatGeckoMobile(16) }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- <td>{{ CompatNo() }}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
+<h2 id="See_also">Voir aussi</h2>
<ul>
<li>{{domxref("Element.scrollTopMax")}} renvoie la distance restante de défilement vers le haut de l'élément.</li>
diff --git a/files/fr/web/api/element/setpointercapture/index.html b/files/fr/web/api/element/setpointercapture/index.html
index 76626ad6a4..4a3ecaa500 100644
--- a/files/fr/web/api/element/setpointercapture/index.html
+++ b/files/fr/web/api/element/setpointercapture/index.html
@@ -78,63 +78,7 @@ function init() {
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatChrome("35")}}<sup>[1]</sup></td>
- <td>{{CompatGeckoDesktop(59)}}</td>
- <td>10 {{property_prefix("-ms")}}<br>
- 11</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Android</th>
- <th>Chrome for Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatChrome("35")}}<sup>[1]</sup></td>
- <td>{{CompatGeckoMobile("29")}}<sup>[2]</sup></td>
- <td>10 {{property_prefix("-ms")}}<br>
- 11</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatNo}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p>[1] Pris en charge dans <a href="http://crbug.com/248918">bug 248918</a>.</p>
-
-<p>[2] Supporté avec la préférence <code>dom.w3c_pointer_events.enabled</code> par  défaut à <code>false</code> (<em>faux</em>).</p>
-
-<p> </p>
+<p>{{Compat("api.Element.setPointerCapture")}}</p>
<h2 id="Voir_aussi">Voir aussi</h2>
diff --git a/files/fr/web/api/element/tabstop/index.html b/files/fr/web/api/element/tabstop/index.html
index 95951748e6..8b9103a70b 100644
--- a/files/fr/web/api/element/tabstop/index.html
+++ b/files/fr/web/api/element/tabstop/index.html
@@ -27,54 +27,4 @@ element.tabStop = (true|false);
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Chrome</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari (WebKit)</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatChrome(43.0)}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Android</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>Firefox OS</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- <th>Chrome for Android</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatNo}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatChrome(43.0)}}</td>
- </tr>
- </tbody>
-</table>
-</div>
+<p>{{Compat("api.Element.tabStop")}}</p>
diff --git a/files/fr/web/api/element/tagname/index.html b/files/fr/web/api/element/tagname/index.html
index 80be64da69..b0b3243fe0 100644
--- a/files/fr/web/api/element/tagname/index.html
+++ b/files/fr/web/api/element/tagname/index.html
@@ -66,56 +66,4 @@ console<span class="punctuation token">.</span><span class="function token">log<
<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-<p>{{CompatibilityTable}}</p>
-
-<div id="compat-desktop">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Chrome</th>
- <th>Edge</th>
- <th>Firefox (Gecko)</th>
- <th>Internet Explorer</th>
- <th>Opera</th>
- <th>Safari</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<div id="compat-mobile">
-<table class="compat-table">
- <tbody>
- <tr>
- <th>Fonctionnalité</th>
- <th>Android</th>
- <th>Edge</th>
- <th>Firefox Mobile (Gecko)</th>
- <th>IE Mobile</th>
- <th>Opera Mobile</th>
- <th>Safari Mobile</th>
- </tr>
- <tr>
- <td>Basic support</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatVersionUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- <td>{{CompatUnknown}}</td>
- </tr>
- </tbody>
-</table>
-</div>
-
-<p> </p>
+<p>{{Compat("api.Element.tagName")}}</p>