aboutsummaryrefslogtreecommitdiff
path: root/files/fr/web/api/treewalker
diff options
context:
space:
mode:
authorjulieng <julien.gattelier@gmail.com>2021-10-02 17:20:24 +0200
committerSphinxKnight <SphinxKnight@users.noreply.github.com>2021-10-02 17:30:20 +0200
commit1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde (patch)
tree30a56efd3eff3a01bd1611e1840fdbbfacf544a4 /files/fr/web/api/treewalker
parentc05efa8d7ae464235cf83d7c0956e42dc6974103 (diff)
downloadtranslated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.gz
translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.tar.bz2
translated-content-1407c8fdef01ecd0ffb8a8bd46e7113f119b9fde.zip
convert content to md
Diffstat (limited to 'files/fr/web/api/treewalker')
-rw-r--r--files/fr/web/api/treewalker/currentnode/index.md65
-rw-r--r--files/fr/web/api/treewalker/expandentityreferences/index.md66
-rw-r--r--files/fr/web/api/treewalker/filter/index.md53
-rw-r--r--files/fr/web/api/treewalker/firstchild/index.md61
-rw-r--r--files/fr/web/api/treewalker/index.md329
-rw-r--r--files/fr/web/api/treewalker/lastchild/index.md63
-rw-r--r--files/fr/web/api/treewalker/nextnode/index.md62
-rw-r--r--files/fr/web/api/treewalker/nextsibling/index.md52
-rw-r--r--files/fr/web/api/treewalker/parentnode/index.md62
-rw-r--r--files/fr/web/api/treewalker/previousnode/index.md62
-rw-r--r--files/fr/web/api/treewalker/previoussibling/index.md62
-rw-r--r--files/fr/web/api/treewalker/root/index.md62
-rw-r--r--files/fr/web/api/treewalker/whattoshow/index.md158
13 files changed, 452 insertions, 705 deletions
diff --git a/files/fr/web/api/treewalker/currentnode/index.md b/files/fr/web/api/treewalker/currentnode/index.md
index 3af4a1f311..4d3fb7532b 100644
--- a/files/fr/web/api/treewalker/currentnode/index.md
+++ b/files/fr/web/api/treewalker/currentnode/index.md
@@ -9,55 +9,38 @@ tags:
- Propriété
translation_of: Web/API/TreeWalker/currentNode
---
-<p>{{ APIRef("DOM") }}</p>
+{{ APIRef("DOM") }}
-<p>La propriété <code><strong>TreeWalker.currentNode</strong></code> représente le {{domxref("Node")}} (<em>noeud</em>) sur lequel le {{domxref("TreeWalker")}} est actuellement pointé.</p>
+La propriété **`TreeWalker.currentNode`** représente le {{domxref("Node")}} (_noeud_) sur lequel le {{domxref("TreeWalker")}} est actuellement pointé.
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="syntaxbox"><em>node</em> = <em>treeWalker</em>.currentNode;
-<code><em>treeWalker</em></code>.currentNode = <em>node</em>;
-</pre>
+ node = treeWalker.currentNode;
+ treeWalker.currentNode = node;
-<h2 id="Example">Exemple</h2>
+## Exemple
-<pre class="brush: js">var treeWalker = document.createTreeWalker(
+```js
+var treeWalker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_ELEMENT,
{ acceptNode: function(node) { return NodeFilter.FILTER_ACCEPT; } },
false
);
root = treeWalker.currentNode; // l'élément racine car c'est le premier élément!
-</pre>
-
-<h2 id="Specification">Spécifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">Statut</th>
- <th scope="col">Commentaire</th>
- </tr>
- <tr>
- <td>{{SpecName('DOM WHATWG', '#dom-treewalker-currentnode', 'TreeWalker.currrentNode')}}</td>
- <td>{{Spec2('DOM WHATWG')}}</td>
- <td>Pas de changement de {{SpecName('DOM2 Traversal_Range')}}</td>
- </tr>
- <tr>
- <td>{{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-currentNode', 'TreeWalker.currentNode')}}</td>
- <td>{{Spec2('DOM2 Traversal_Range')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.TreeWalker.currentNode")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li>L'interface {{domxref("TreeWalker")}}.</li>
-</ul>
+```
+
+## Spécifications
+
+| Spécification | Statut | Commentaire |
+| -------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | --------------------------------------------------------------------- |
+| {{SpecName('DOM WHATWG', '#dom-treewalker-currentnode', 'TreeWalker.currrentNode')}} | {{Spec2('DOM WHATWG')}} | Pas de changement de {{SpecName('DOM2 Traversal_Range')}} |
+| {{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-currentNode', 'TreeWalker.currentNode')}} | {{Spec2('DOM2 Traversal_Range')}} | Définition initiale. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.TreeWalker.currentNode")}}
+
+## Voir aussi
+
+- L'interface {{domxref("TreeWalker")}}.
diff --git a/files/fr/web/api/treewalker/expandentityreferences/index.md b/files/fr/web/api/treewalker/expandentityreferences/index.md
index ee9090b598..32bed4b615 100644
--- a/files/fr/web/api/treewalker/expandentityreferences/index.md
+++ b/files/fr/web/api/treewalker/expandentityreferences/index.md
@@ -9,55 +9,39 @@ tags:
- Propriétés
translation_of: Web/API/TreeWalker/expandEntityReferences
---
-<p>{{ APIRef("DOM") }}{{obsolete_header}}</p>
+{{ APIRef("DOM") }}{{obsolete_header}}
-<p>La propriété en lecture seule <code><strong>TreeWalker.expandEntityReferences</strong></code> renvoie un {{domxref("Boolean")}} (<em>booléen</em>) indiquant si les enfants des nœuds de référence d'entité sont visibles ou non pour le {{domxref("TreeWalker")}}.</p>
+La propriété en lecture seule **`TreeWalker.expandEntityReferences`** renvoie un {{domxref("Boolean")}} (_booléen_) indiquant si les enfants des nœuds de référence d'entité sont visibles ou non pour le {{domxref("TreeWalker")}}.
-<p>Si la valeur est <code>false</code> (<em>faux</em>), les enfants des nœuds de référence d'entité (ainsi que tous leurs descendants) sont rejetés. Cela a préséance sur la valeur de la méthode  {{domxref("TreeWalker.whatToShow")}} et du filtre associé.</p>
+Si la valeur est `false` (_faux_), les enfants des nœuds de référence d'entité (ainsi que tous leurs descendants) sont rejetés. Cela a préséance sur la valeur de la méthode  {{domxref("TreeWalker.whatToShow")}} et du filtre associé.
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="syntaxbox"><em>expand</em> = <em>treeWalker</em>.expandEntityReferences;
-</pre>
+ expand = treeWalker.expandEntityReferences;
-<h2 id="Example">Exemple</h2>
+## Exemple
-<pre class="brush: js">var treeWalker = document.createTreeWalker(
+```js
+var treeWalker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_ELEMENT,
{ acceptNode: function(node) { return NodeFilter.FILTER_ACCEPT; } },
false
);
-expand = treeWalker.expandEntityReferences;</pre>
-
-<h2 id="Specification">Spécifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">Statut</th>
- <th scope="col">Commentaire</th>
- </tr>
- <tr>
- <td>{{SpecName('DOM WHATWG', '#treewalker', 'Treewalker')}}</td>
- <td>{{Spec2('DOM WHATWG')}}</td>
- <td>Suppression de la spécification.</td>
- </tr>
- <tr>
- <td>{{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-expandEntityReferences', 'TreeWalker.expandEntityReferences')}}</td>
- <td>{{Spec2('DOM2 Traversal_Range')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.TreeWalker.expandEntityReferences")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li>L'interface à laquelle la propriété appartient : {{domxref("TreeWalker")}}.</li>
-</ul>
+expand = treeWalker.expandEntityReferences;
+```
+
+## Spécifications
+
+| Spécification | Statut | Commentaire |
+| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------- | -------------------------------- |
+| {{SpecName('DOM WHATWG', '#treewalker', 'Treewalker')}} | {{Spec2('DOM WHATWG')}} | Suppression de la spécification. |
+| {{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-expandEntityReferences', 'TreeWalker.expandEntityReferences')}} | {{Spec2('DOM2 Traversal_Range')}} | Définition initiale. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.TreeWalker.expandEntityReferences")}}
+
+## Voir aussi
+
+- L'interface à laquelle la propriété appartient : {{domxref("TreeWalker")}}.
diff --git a/files/fr/web/api/treewalker/filter/index.md b/files/fr/web/api/treewalker/filter/index.md
index e9e2904840..c332f5cf7d 100644
--- a/files/fr/web/api/treewalker/filter/index.md
+++ b/files/fr/web/api/treewalker/filter/index.md
@@ -9,56 +9,39 @@ tags:
- Propriétés
translation_of: Web/API/TreeWalker/filter
---
-<p>{{ APIRef("DOM") }}</p>
+{{ APIRef("DOM") }}
-<p>La propriété en lecture seule <strong><code>TreeWalker.filter</code></strong> renvoie un {{domxref("NodeFilter")}} (<em>filtre de noeuds</em>) qui est l'objet de filtrage associé à {{domxref("TreeWalker")}}.</p>
+La propriété en lecture seule **`TreeWalker.filter`** renvoie un {{domxref("NodeFilter")}} (_filtre de noeuds_) qui est l'objet de filtrage associé à {{domxref("TreeWalker")}}.
-<p>Lors de la création du <code>TreeWalker</code>, l'objet filtre est transmis comme 3ème paramètre et sa méthode {{domxref("NodeFilter.acceptNode()")}} est appelée sur tous les noeuds pour déterminer s'il doit ou non l'accepter.</p>
+Lors de la création du `TreeWalker`, l'objet filtre est transmis comme 3ème paramètre et sa méthode {{domxref("NodeFilter.acceptNode()")}} est appelée sur tous les noeuds pour déterminer s'il doit ou non l'accepter.
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="syntaxbox"><em>nodeFilter</em> = <em>treeWalker</em>.filter;
-</pre>
+ nodeFilter = treeWalker.filter;
-<h2 id="Example">Exemple</h2>
+## Exemple
-<pre class="brush: js">var treeWalker = document.createTreeWalker(
+```js
+var treeWalker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_ELEMENT,
{ acceptNode: function(node) { return NodeFilter.FILTER_ACCEPT; } },
false
);
nodeFilter = treeWalker.filter; // document.body dans ce cas
-</pre>
+```
-<h2 id="Specification">Spécifications</h2>
+## Spécifications
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">Statut</th>
- <th scope="col">Commentaire</th>
- </tr>
- <tr>
- <td>{{SpecName('DOM WHATWG', '#dom-treewalker-filter', 'TreeWalker.filter')}}</td>
- <td>{{Spec2('DOM WHATWG')}}</td>
- <td>Pas de changement de {{SpecName('DOM2 Traversal_Range')}}</td>
- </tr>
- <tr>
- <td>{{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-filter', 'TreeWalker.filter')}}</td>
- <td>{{Spec2('DOM2 Traversal_Range')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
+| Spécification | Statut | Commentaire |
+| ---------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | --------------------------------------------------------------------- |
+| {{SpecName('DOM WHATWG', '#dom-treewalker-filter', 'TreeWalker.filter')}} | {{Spec2('DOM WHATWG')}} | Pas de changement de {{SpecName('DOM2 Traversal_Range')}} |
+| {{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-filter', 'TreeWalker.filter')}} | {{Spec2('DOM2 Traversal_Range')}} | Définition initiale. |
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.TreeWalker.filter")}}</p>
+{{Compat("api.TreeWalker.filter")}}
-<h2 id="Voir_aussi">Voir aussi</h2>
+## Voir aussi
-<ul>
- <li>L'interface {{domxref("TreeWalker")}} à laquelle elle appartient.</li>
-</ul>
+- L'interface {{domxref("TreeWalker")}} à laquelle elle appartient.
diff --git a/files/fr/web/api/treewalker/firstchild/index.md b/files/fr/web/api/treewalker/firstchild/index.md
index 25d5749df2..9ece40a221 100644
--- a/files/fr/web/api/treewalker/firstchild/index.md
+++ b/files/fr/web/api/treewalker/firstchild/index.md
@@ -9,54 +9,37 @@ tags:
- Noeuds
translation_of: Web/API/TreeWalker/firstChild
---
-<p>{{ APIRef("DOM") }}</p>
+{{ APIRef("DOM") }}
-<p>La méthode <strong><code>TreeWalker.firstChild()</code></strong> déplace le {{domxref("Node")}} courant vers le premier enfant <em>visible</em> du noeud courant et renvoie l'enfant trouvé. Il déplace aussi le noeud courant vers cet enfant. Si aucun enfant n'existe, elle renvoie <code>null</code> et le noeud courant n'est pas modifié.</p>
+La méthode **`TreeWalker.firstChild()`** déplace le {{domxref("Node")}} courant vers le premier enfant _visible_ du noeud courant et renvoie l'enfant trouvé. Il déplace aussi le noeud courant vers cet enfant. Si aucun enfant n'existe, elle renvoie `null` et le noeud courant n'est pas modifié.
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="syntaxbox"><em>node</em> = <em>treeWalker</em>.firstChild;</pre>
+ node = treeWalker.firstChild;
-<h2 id="Example">Exemple</h2>
+## Exemple
-<pre class="brush: js">var treeWalker = document.createTreeWalker(
+```js
+var treeWalker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_ELEMENT,
{ acceptNode: function(node) { return NodeFilter.FILTER_ACCEPT; } },
false
);
var node = treeWalker.firstChild(); // renvoie le premier enfant de l'élément racine ou null si aucun
+```
-</pre>
-
-<h2 id="Specification">Spécifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">Statut</th>
- <th scope="col">Commentaire</th>
- </tr>
- <tr>
- <td>{{SpecName('DOM WHATWG', '#dom-treewalker-firstchild', 'TreeWalker.firstChild')}}</td>
- <td>{{Spec2('DOM WHATWG')}}</td>
- <td>Pas de changement de {{SpecName('DOM2 Traversal_Range')}}</td>
- </tr>
- <tr>
- <td>{{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-firstChild', 'TreeWalker.firstChild')}}</td>
- <td>{{Spec2('DOM2 Traversal_Range')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.TreeWalker.firstChild")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li>L'interface {{domxref("TreeWalker")}} à laquelle elle appartient.</li>
-</ul>
+## Spécifications
+
+| Spécification | Statut | Commentaire |
+| ---------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | --------------------------------------------------------------------- |
+| {{SpecName('DOM WHATWG', '#dom-treewalker-firstchild', 'TreeWalker.firstChild')}} | {{Spec2('DOM WHATWG')}} | Pas de changement de {{SpecName('DOM2 Traversal_Range')}} |
+| {{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-firstChild', 'TreeWalker.firstChild')}} | {{Spec2('DOM2 Traversal_Range')}} | Définition initiale. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.TreeWalker.firstChild")}}
+
+## Voir aussi
+
+- L'interface {{domxref("TreeWalker")}} à laquelle elle appartient.
diff --git a/files/fr/web/api/treewalker/index.md b/files/fr/web/api/treewalker/index.md
index f5ac68fb17..ae4466a996 100644
--- a/files/fr/web/api/treewalker/index.md
+++ b/files/fr/web/api/treewalker/index.md
@@ -9,160 +9,175 @@ tags:
- Noeuds
translation_of: Web/API/TreeWalker
---
-<div>
-<p>{{ APIRef("DOM") }}</p>
-</div>
-
-<p>L'objet <strong><code>TreeWalker</code></strong> représente les noeuds d'un sous-arbre de document et une position à l'intérieur.</p>
-
-<p>Un <code>TreeWalker</code> peut être créé en utilisant la méthode {{domxref("Document.createTreeWalker()")}}.</p>
-
-<h2 id="Properties">Propriétés</h2>
-
-<p><em>Cette interface n'hérite d'aucune propriété.</em></p>
-
-<dl>
- <dt>{{domxref("TreeWalker.root")}} {{readonlyInline}}</dt>
- <dd>Renvoie un {{domxref("Node")}} (<em>noeud</em>) représentant le noeud racine comme spécifié lors de la création du <code>TreeWalker</code>.</dd>
- <dt>{{domxref("TreeWalker.whatToShow")}} {{readonlyInline}}</dt>
- <dd>Renvoie un <code>unsigned long</code> (<em>long non signé</em>), celui-ci étant un masque constitué de constantes décrivant les types de {{domxref("Node")}} qui doivent être présentés. Les noeuds ne correspondants pas sont ignorés, mais leurs enfants peuvent être inclus, le cas échéant. Les valeurs possibles sont :
- <table class="standard-table">
- <tbody>
- <tr>
- <td class="header">Constante</td>
- <td class="header">Valeur numérique</td>
- <td class="header">Description</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_ALL</code></td>
- <td><code>-1</code> (c'est la valeur numérique maximale du <code>unsigned long</code> (<em>non signé long</em>))</td>
- <td>Affiche tous les noeuds.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_ATTRIBUTE</code> {{deprecated_inline}}</td>
- <td><code>2</code></td>
- <td>Affiche l'attribut {{domxref("Attr")}} des noeuds. Cela n'a de sens que lors de la création d'un {{domxref("TreeWalker")}} avec un noeud {{domxref("Attr")}} comme racine ; dans ce cas, cela signifie que le nœud d'attribut apparaîtra dans la première position de l'itération ou de la traversée. Comme les attributs ne sont jamais des enfants d'autres nœuds, ils n'apparaissent pas lors de la traversée de l'arbre du document.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_CDATA_SECTION</code> {{deprecated_inline}}</td>
- <td><code>8</code></td>
- <td>Affiche les noeuds {{domxref("CDATASection")}}.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_COMMENT</code></td>
- <td><code>128</code></td>
- <td>Affiche les noeuds {{domxref("Comment")}}.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_DOCUMENT</code></td>
- <td><code>256</code></td>
- <td>Affiche les noeuds {{domxref("Document")}}.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_DOCUMENT_FRAGMENT</code></td>
- <td><code>1024</code></td>
- <td>Affiche les noeuds {{domxref("DocumentFragment")}}.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_DOCUMENT_TYPE</code></td>
- <td><code>512</code></td>
- <td>Affiche les noeuds {{domxref("DocumentType")}}.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_ELEMENT</code></td>
- <td><code>1</code></td>
- <td>Affiche les noeuds {{domxref("Element")}}.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_ENTITY</code> {{deprecated_inline}}</td>
- <td><code>32</code></td>
- <td>Affiche les noeuds {{domxref("Entity")}}. Cela n'a de sens que lors de la création d'un {{domxref("TreeWalker")}} avec un noeud {{ domxref("Entity") }} comme racine ; dans ce cas, il signifie que le noeud d'entité {{domxref("Entity") }} apparaîtra à la première position de la traversée. Étant donné que les entités ne font pas partie de l'arborescence du document, elles n'apparaissent pas lors de la traversée de l'arborescence du document.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_ENTITY_REFERENCE</code> {{deprecated_inline}}</td>
- <td><code>16</code></td>
- <td>Affiche les noeuds {{domxref("EntityReference")}}.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_NOTATION</code> {{deprecated_inline}}</td>
- <td><code>2048</code></td>
- <td>Affiche les noeuds {{domxref("Notation")}}. Cela n'a de sens que lors de la création d'un {{domxref("TreeWalker")}} avec un noeud {{domxref("Notation")}} comme racine ; dans ce cas, il signifie que le noeud {{domxref("Notation")}} apparaîtra à la première position de la traversée. Étant donné que les entités ne font pas partie de l'arborescence du document, elles n'apparaissent pas lors de la traversée de l'arborescence du document.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_PROCESSING_INSTRUCTION</code></td>
- <td><code>64</code></td>
- <td>Affiche les noeuds {{domxref("ProcessingInstruction")}}.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_TEXT</code></td>
- <td><code>4</code></td>
- <td>Affiche les noeuds {{domxref("Text")}}.</td>
- </tr>
- </tbody>
- </table>
- </dd>
- <dt>{{domxref("TreeWalker.filter")}} {{readonlyInline}}</dt>
- <dd>Renvoie un {{domxref("NodeFilter")}} utilisé pour sélectionner les noeuds pertinents.</dd>
- <dt>{{domxref("TreeWalker.expandEntityReferences")}} {{readonlyInline}}{{obsolete_inline}}</dt>
- <dd>est un {{domxref("Boolean")}} (<em>booléen</em>) indiquant si, lors de la suppression d'une {{domxref("EntityReference")}}, tout son sous-arbre doit être supprimé en même temps.</dd>
- <dt>{{domxref("TreeWalker.currentNode")}}</dt>
- <dd>est le {{domxref("Node")}} sur lequel le <code>TreeWalker</code> pointe actuellement.</dd>
-</dl>
-
-<h2 id="Methods">Méthodes</h2>
-
-<p><em>Cette interface n'hérite d'aucune méthode.</em></p>
-
-<div class="note">
-<p><strong>Note :</strong> Le TreeWalker considère uniquement les nœuds DOM visibles.</p>
-</div>
-
-<dl>
- <dt>{{domxref("TreeWalker.parentNode()")}}</dt>
- <dd>Déplace le {{domxref("Node")}} actuel vers le premier noeud ancêtre <em>visible</em> dans l'ordre du document et renvoie le noeud trouvé. Il déplace également le noeud actuel vers celui-ci. Si aucun noeud n'existe ou s'il est antérieur au <em>noeud racine</em> défini lors de la construction de l'objet, renvoie <code>null</code> et le noeud courant n'est pas modifié.</dd>
- <dt>{{domxref("TreeWalker.firstChild()")}}</dt>
- <dd>Déplace le {{domxref("Node")}} courant vers son premier enfant <em>visible</em> et renvoie l'enfant trouvé. Il déplace également le noeud courant vers cet enfant. Si aucun enfant n'existe, renvoie <code>null</code> et le noeud courant n'est pas modifié.</dd>
- <dt>{{domxref("TreeWalker.lastChild()")}}</dt>
- <dd>Déplace le {{domxref("Node")}} courant vers son dernier enfant <em>visible</em> et renvoie l'enfant trouvé. Il déplace également le noeud courant vers l'enfant. Si aucun enfant n'existe, renvoie <code>null</code> et le noeud courant n'est pas modifié.</dd>
- <dt>{{domxref("TreeWalker.previousSibling()")}}</dt>
- <dd>Déplace le {{domxref("Node")}} courant vers son frère précédent, le cas échéant, et renvoie le frère trouvé. Si aucun noeud frère n'existe, renvoie <code>null</code> et le noeud courant n'est pas modifié.</dd>
- <dt>{{domxref("TreeWalker.nextSibling()")}}</dt>
- <dd>Déplace le {{domxref("Node")}} courant vers son frère suivant, le cas échéant, et renvoie le frère trouvé. Si aucun noeud frère n'existe, renvoie <code>null</code> et le noeud courant n'est pas modifié.</dd>
- <dt>{{domxref("TreeWalker.previousNode()")}}</dt>
- <dd>Déplace le {{domxref("Node")}} courant vers le noeud <em>visible</em> précédent dans l'ordre du document et renvoie le noeud trouvé. Il déplace également le noeud courant vers celui-ci. Si aucun noeud n'existe ou s'il est avant le <em>noeud racine</em> défini lors de la construction de l'objet, renvoie <code>null</code> et le noeud courant n'est pas modifié.</dd>
- <dt>{{domxref("TreeWalker.nextNode()")}}</dt>
- <dd>Déplace le {{domxref("Node")}} courant vers le noeud <em>visible</em> suivant dans l'ordre du document et renvoie le noeud trouvé. Il déplace également le noeud courant vers celui-ci. Si aucun noeud n'existe ou s'il est avant le <em>noeud racine</em> défini lors de la construction de l'objet, renvoie <code>null</code> et le noeud courant n'est pas modifié.</dd>
-</dl>
-
-<h2 id="Specification">Spécifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">Statut</th>
- <th scope="col">Commentaire</th>
- </tr>
- <tr>
- <td>{{SpecName('DOM WHATWG', '#treeWalker', 'TreeWalker')}}</td>
- <td>{{Spec2('DOM WHATWG')}}</td>
- <td>Suppression de la propriété <code>expandEntityReferences</code>.</td>
- </tr>
- <tr>
- <td>{{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker', 'TreeWalker')}}</td>
- <td>{{Spec2('DOM2 Traversal_Range')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.TreeWalker")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li>La méthode de création : {{domxref("Document.createTreeWalker()")}}.</li>
- <li>Interfaces connexes : {{domxref("NodeFilter")}}, {{domxref("NodeIterator")}}.</li>
-</ul>
+{{ APIRef("DOM") }}
+
+L'objet **`TreeWalker`** représente les noeuds d'un sous-arbre de document et une position à l'intérieur.
+
+Un `TreeWalker` peut être créé en utilisant la méthode {{domxref("Document.createTreeWalker()")}}.
+
+## Propriétés
+
+_Cette interface n'hérite d'aucune propriété._
+
+- {{domxref("TreeWalker.root")}} {{readonlyInline}}
+ - : Renvoie un {{domxref("Node")}} (_noeud_) représentant le noeud racine comme spécifié lors de la création du `TreeWalker`.
+- {{domxref("TreeWalker.whatToShow")}} {{readonlyInline}}
+
+ - : Renvoie un `unsigned long` (_long non signé_), celui-ci étant un masque constitué de constantes décrivant les types de {{domxref("Node")}} qui doivent être présentés. Les noeuds ne correspondants pas sont ignorés, mais leurs enfants peuvent être inclus, le cas échéant. Les valeurs possibles sont :
+
+ <table class="standard-table">
+ <tbody>
+ <tr>
+ <td class="header">Constante</td>
+ <td class="header">Valeur numérique</td>
+ <td class="header">Description</td>
+ </tr>
+ <tr>
+ <td><code>NodeFilter.SHOW_ALL</code></td>
+ <td>
+ <code>-1</code> (c'est la valeur numérique maximale du
+ <code>unsigned long</code> (<em>non signé long</em>))
+ </td>
+ <td>Affiche tous les noeuds.</td>
+ </tr>
+ <tr>
+ <td>
+ <code>NodeFilter.SHOW_ATTRIBUTE</code> {{deprecated_inline}}
+ </td>
+ <td><code>2</code></td>
+ <td>
+ Affiche l'attribut {{domxref("Attr")}} des noeuds. Cela n'a de sens
+ que lors de la création d'un {{domxref("TreeWalker")}} avec un
+ noeud {{domxref("Attr")}} comme racine ; dans ce cas, cela signifie
+ que le nœud d'attribut apparaîtra dans la première position de
+ l'itération ou de la traversée. Comme les attributs ne sont jamais des
+ enfants d'autres nœuds, ils n'apparaissent pas lors de la traversée de
+ l'arbre du document.
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code>NodeFilter.SHOW_CDATA_SECTION</code> {{deprecated_inline}}
+ </td>
+ <td><code>8</code></td>
+ <td>Affiche les noeuds {{domxref("CDATASection")}}.</td>
+ </tr>
+ <tr>
+ <td><code>NodeFilter.SHOW_COMMENT</code></td>
+ <td><code>128</code></td>
+ <td>Affiche les noeuds {{domxref("Comment")}}.</td>
+ </tr>
+ <tr>
+ <td><code>NodeFilter.SHOW_DOCUMENT</code></td>
+ <td><code>256</code></td>
+ <td>Affiche les noeuds {{domxref("Document")}}.</td>
+ </tr>
+ <tr>
+ <td><code>NodeFilter.SHOW_DOCUMENT_FRAGMENT</code></td>
+ <td><code>1024</code></td>
+ <td>Affiche les noeuds {{domxref("DocumentFragment")}}.</td>
+ </tr>
+ <tr>
+ <td><code>NodeFilter.SHOW_DOCUMENT_TYPE</code></td>
+ <td><code>512</code></td>
+ <td>Affiche les noeuds {{domxref("DocumentType")}}.</td>
+ </tr>
+ <tr>
+ <td><code>NodeFilter.SHOW_ELEMENT</code></td>
+ <td><code>1</code></td>
+ <td>Affiche les noeuds {{domxref("Element")}}.</td>
+ </tr>
+ <tr>
+ <td><code>NodeFilter.SHOW_ENTITY</code> {{deprecated_inline}}</td>
+ <td><code>32</code></td>
+ <td>
+ Affiche les noeuds {{domxref("Entity")}}. Cela n'a de sens que
+ lors de la création d'un {{domxref("TreeWalker")}} avec un noeud
+ {{ domxref("Entity") }} comme racine ; dans ce cas, il signifie
+ que le noeud d'entité {{domxref("Entity") }} apparaîtra à la
+ première position de la traversée. Étant donné que les entités ne font
+ pas partie de l'arborescence du document, elles n'apparaissent pas lors
+ de la traversée de l'arborescence du document.
+ </td>
+ </tr>
+ <tr>
+ <td>
+ <code>NodeFilter.SHOW_ENTITY_REFERENCE</code>
+ {{deprecated_inline}}
+ </td>
+ <td><code>16</code></td>
+ <td>Affiche les noeuds {{domxref("EntityReference")}}.</td>
+ </tr>
+ <tr>
+ <td>
+ <code>NodeFilter.SHOW_NOTATION</code> {{deprecated_inline}}
+ </td>
+ <td><code>2048</code></td>
+ <td>
+ Affiche les noeuds {{domxref("Notation")}}. Cela n'a de sens
+ que lors de la création d'un {{domxref("TreeWalker")}} avec un
+ noeud {{domxref("Notation")}} comme racine ; dans ce cas, il
+ signifie que le noeud {{domxref("Notation")}} apparaîtra à la
+ première position de la traversée. Étant donné que les entités ne font
+ pas partie de l'arborescence du document, elles n'apparaissent pas lors
+ de la traversée de l'arborescence du document.
+ </td>
+ </tr>
+ <tr>
+ <td><code>NodeFilter.SHOW_PROCESSING_INSTRUCTION</code></td>
+ <td><code>64</code></td>
+ <td>
+ Affiche les noeuds {{domxref("ProcessingInstruction")}}.
+ </td>
+ </tr>
+ <tr>
+ <td><code>NodeFilter.SHOW_TEXT</code></td>
+ <td><code>4</code></td>
+ <td>Affiche les noeuds {{domxref("Text")}}.</td>
+ </tr>
+ </tbody>
+ </table>
+
+- {{domxref("TreeWalker.filter")}} {{readonlyInline}}
+ - : Renvoie un {{domxref("NodeFilter")}} utilisé pour sélectionner les noeuds pertinents.
+- {{domxref("TreeWalker.expandEntityReferences")}} {{readonlyInline}}{{obsolete_inline}}
+ - : est un {{domxref("Boolean")}} (_booléen_) indiquant si, lors de la suppression d'une {{domxref("EntityReference")}}, tout son sous-arbre doit être supprimé en même temps.
+- {{domxref("TreeWalker.currentNode")}}
+ - : est le {{domxref("Node")}} sur lequel le `TreeWalker` pointe actuellement.
+
+## Méthodes
+
+_Cette interface n'hérite d'aucune méthode._
+
+> **Note :** Le TreeWalker considère uniquement les nœuds DOM visibles.
+
+- {{domxref("TreeWalker.parentNode()")}}
+ - : Déplace le {{domxref("Node")}} actuel vers le premier noeud ancêtre _visible_ dans l'ordre du document et renvoie le noeud trouvé. Il déplace également le noeud actuel vers celui-ci. Si aucun noeud n'existe ou s'il est antérieur au _noeud racine_ défini lors de la construction de l'objet, renvoie `null` et le noeud courant n'est pas modifié.
+- {{domxref("TreeWalker.firstChild()")}}
+ - : Déplace le {{domxref("Node")}} courant vers son premier enfant _visible_ et renvoie l'enfant trouvé. Il déplace également le noeud courant vers cet enfant. Si aucun enfant n'existe, renvoie `null` et le noeud courant n'est pas modifié.
+- {{domxref("TreeWalker.lastChild()")}}
+ - : Déplace le {{domxref("Node")}} courant vers son dernier enfant _visible_ et renvoie l'enfant trouvé. Il déplace également le noeud courant vers l'enfant. Si aucun enfant n'existe, renvoie `null` et le noeud courant n'est pas modifié.
+- {{domxref("TreeWalker.previousSibling()")}}
+ - : Déplace le {{domxref("Node")}} courant vers son frère précédent, le cas échéant, et renvoie le frère trouvé. Si aucun noeud frère n'existe, renvoie `null` et le noeud courant n'est pas modifié.
+- {{domxref("TreeWalker.nextSibling()")}}
+ - : Déplace le {{domxref("Node")}} courant vers son frère suivant, le cas échéant, et renvoie le frère trouvé. Si aucun noeud frère n'existe, renvoie `null` et le noeud courant n'est pas modifié.
+- {{domxref("TreeWalker.previousNode()")}}
+ - : Déplace le {{domxref("Node")}} courant vers le noeud _visible_ précédent dans l'ordre du document et renvoie le noeud trouvé. Il déplace également le noeud courant vers celui-ci. Si aucun noeud n'existe ou s'il est avant le _noeud racine_ défini lors de la construction de l'objet, renvoie `null` et le noeud courant n'est pas modifié.
+- {{domxref("TreeWalker.nextNode()")}}
+ - : Déplace le {{domxref("Node")}} courant vers le noeud _visible_ suivant dans l'ordre du document et renvoie le noeud trouvé. Il déplace également le noeud courant vers celui-ci. Si aucun noeud n'existe ou s'il est avant le _noeud racine_ défini lors de la construction de l'objet, renvoie `null` et le noeud courant n'est pas modifié.
+
+## Spécifications
+
+| Spécification | Statut | Commentaire |
+| ------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------- | ----------------------------------------------------- |
+| {{SpecName('DOM WHATWG', '#treeWalker', 'TreeWalker')}} | {{Spec2('DOM WHATWG')}} | Suppression de la propriété `expandEntityReferences`. |
+| {{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker', 'TreeWalker')}} | {{Spec2('DOM2 Traversal_Range')}} | Définition initiale. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.TreeWalker")}}
+
+## Voir aussi
+
+- La méthode de création : {{domxref("Document.createTreeWalker()")}}.
+- Interfaces connexes : {{domxref("NodeFilter")}}, {{domxref("NodeIterator")}}.
diff --git a/files/fr/web/api/treewalker/lastchild/index.md b/files/fr/web/api/treewalker/lastchild/index.md
index c61ad55a6a..cc971e33bf 100644
--- a/files/fr/web/api/treewalker/lastchild/index.md
+++ b/files/fr/web/api/treewalker/lastchild/index.md
@@ -9,54 +9,37 @@ tags:
- Noeuds
translation_of: Web/API/TreeWalker/lastChild
---
-<p>{{ APIRef("DOM") }}</p>
+{{ APIRef("DOM") }}
-<p>La méthode <strong><code>TreeWalker.lastChild()</code></strong> déplace le {{domxref("Node")}} courant au dernier enfant <em>visible</em> du noeud courant et renvoie l'enfant trouvé. Il déplace aussi le noeud courant vers cet enfant. Si aucun enfant n'existe, elle retourne <code>null</code> et le noeud courant reste inchangé.</p>
+La méthode **`TreeWalker.lastChild()`** déplace le {{domxref("Node")}} courant au dernier enfant _visible_ du noeud courant et renvoie l'enfant trouvé. Il déplace aussi le noeud courant vers cet enfant. Si aucun enfant n'existe, elle retourne `null` et le noeud courant reste inchangé.
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="syntaxbox"><em>node</em> = <em>treeWalker</em>.lastChild();
-</pre>
+ node = treeWalker.lastChild();
-<h2 id="Example">Exemple</h2>
+## Exemple
-<pre class="brush: js">var treeWalker = document.createTreeWalker(
+```js
+var treeWalker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_ELEMENT,
{ acceptNode: function(node) { return NodeFilter.FILTER_ACCEPT; } },
false
);
var node = treeWalker.lastChild(); // renvoie le dernier enfant visible de l'élément racine
-</pre>
-
-<h2 id="Specification">Spécifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">Statut</th>
- <th scope="col">Commentaire</th>
- </tr>
- <tr>
- <td>{{SpecName('DOM WHATWG', '#dom-treewalker-lastchild', 'TreeWalker.lastChild')}}</td>
- <td>{{Spec2('DOM WHATWG')}}</td>
- <td>Pas de changement de {{SpecName('DOM2 Traversal_Range')}}</td>
- </tr>
- <tr>
- <td>{{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-lastChild', 'TreeWalker.lastChild')}}</td>
- <td>{{Spec2('DOM2 Traversal_Range')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.TreeWalker.firstChild")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li>L'interface {{domxref("TreeWalker")}} à laquelle elle appartient.</li>
-</ul>
+```
+
+## Spécifications
+
+| Spécification | Statut | Commentaire |
+| ------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------- | --------------------------------------------------------------------- |
+| {{SpecName('DOM WHATWG', '#dom-treewalker-lastchild', 'TreeWalker.lastChild')}} | {{Spec2('DOM WHATWG')}} | Pas de changement de {{SpecName('DOM2 Traversal_Range')}} |
+| {{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-lastChild', 'TreeWalker.lastChild')}} | {{Spec2('DOM2 Traversal_Range')}} | Définition initiale. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.TreeWalker.firstChild")}}
+
+## Voir aussi
+
+- L'interface {{domxref("TreeWalker")}} à laquelle elle appartient.
diff --git a/files/fr/web/api/treewalker/nextnode/index.md b/files/fr/web/api/treewalker/nextnode/index.md
index 19b3d6e972..9e9ff5c87c 100644
--- a/files/fr/web/api/treewalker/nextnode/index.md
+++ b/files/fr/web/api/treewalker/nextnode/index.md
@@ -9,55 +9,37 @@ tags:
- Noeuds
translation_of: Web/API/TreeWalker/nextNode
---
-<p>{{ APIRef("DOM") }}</p>
+{{ APIRef("DOM") }}
-<p>La méthode <strong><code>TreeWalker.nextNode()</code></strong> déplace le {{domxref("Node")}} courant au noeud suivant <em>visible</em> dans l'ordre du document et renvoie le noeud trouvé. Elle déplace aussi le noeud courant vers celui-ci. Si aucun noeud n'existe, elle renvoie <code>null</code> et le noeud courant est inchangé.</p>
+La méthode **`TreeWalker.nextNode()`** déplace le {{domxref("Node")}} courant au noeud suivant _visible_ dans l'ordre du document et renvoie le noeud trouvé. Elle déplace aussi le noeud courant vers celui-ci. Si aucun noeud n'existe, elle renvoie `null` et le noeud courant est inchangé.
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="syntaxbox"><em>node</em> = <em>treeWalker</em>.nextNode();
-</pre>
+ node = treeWalker.nextNode();
-<h2 id="Example">Exemple</h2>
+## Exemple
-<pre class="brush: js">var treeWalker = document.createTreeWalker(
+```js
+var treeWalker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_ELEMENT,
{ acceptNode: function(node) { return NodeFilter.FILTER_ACCEPT; } },
false
);
var node = treeWalker.nextNode(); // renvoie le premier enfant de la racine, car il s'agit du noeud suivant dans l'ordre du document
+```
-</pre>
-
-<h2 id="Specification">Spécifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">Statut</th>
- <th scope="col">Commentaire</th>
- </tr>
- <tr>
- <td>{{SpecName('DOM WHATWG', '#dom-treewalker-nextnode', 'TreeWalker.nextNode')}}</td>
- <td>{{Spec2('DOM WHATWG')}}</td>
- <td>Pas de changement de {{SpecName('DOM2 Traversal_Range')}}</td>
- </tr>
- <tr>
- <td>{{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-nextNode', 'TreeWalker.nextNode')}}</td>
- <td>{{Spec2('DOM2 Traversal_Range')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.TreeWalker.nextNode")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li>L'interface {{domxref("TreeWalker")}} à laquelle elle appartient.</li>
-</ul>
+## Spécifications
+
+| Spécification | Statut | Commentaire |
+| ------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------- | --------------------------------------------------------------------- |
+| {{SpecName('DOM WHATWG', '#dom-treewalker-nextnode', 'TreeWalker.nextNode')}} | {{Spec2('DOM WHATWG')}} | Pas de changement de {{SpecName('DOM2 Traversal_Range')}} |
+| {{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-nextNode', 'TreeWalker.nextNode')}} | {{Spec2('DOM2 Traversal_Range')}} | Définition initiale. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.TreeWalker.nextNode")}}
+
+## Voir aussi
+
+- L'interface {{domxref("TreeWalker")}} à laquelle elle appartient.
diff --git a/files/fr/web/api/treewalker/nextsibling/index.md b/files/fr/web/api/treewalker/nextsibling/index.md
index ebf87930af..4ca0c0a7a4 100644
--- a/files/fr/web/api/treewalker/nextsibling/index.md
+++ b/files/fr/web/api/treewalker/nextsibling/index.md
@@ -9,18 +9,18 @@ tags:
- Noeuds
translation_of: Web/API/TreeWalker/nextSibling
---
-<p>{{ APIRef("DOM") }}</p>
+{{ APIRef("DOM") }}
-<p>La méthode <strong><code>TreeWalker.nextSibling()</code></strong> déplace le {{domxref("Node")}} courant vers son frère suivant, le cas échéant, et renvoie le frère trouvé. Si aucun noeud frère n'est trouvé, elle renvoie <code>null</code> et le noeud courant reste inchangé.</p>
+La méthode **`TreeWalker.nextSibling()`** déplace le {{domxref("Node")}} courant vers son frère suivant, le cas échéant, et renvoie le frère trouvé. Si aucun noeud frère n'est trouvé, elle renvoie `null` et le noeud courant reste inchangé.
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="syntaxbox"><em>node</em> = <em>treeWalker</em>.nextSibling();
-</pre>
+ node = treeWalker.nextSibling();
-<h2 id="Example">Exemple</h2>
+## Exemple
-<pre class="brush: js">var treeWalker = document.createTreeWalker(
+```js
+var treeWalker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_ELEMENT,
{ acceptNode: function(node) { return NodeFilter.FILTER_ACCEPT; } },
@@ -28,37 +28,19 @@ translation_of: Web/API/TreeWalker/nextSibling
);
treeWalker.firstChild();
var node = treeWalker.nextSibling(); // renvoie null si le premier enfant de l'élément racine n'a pas de frère
+```
-</pre>
+## Spécifications
-<h2 id="Specification">Spécifications</h2>
+| Spécification | Statut | Commentaire |
+| -------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | --------------------------------------------------------------------- |
+| {{SpecName('DOM WHATWG', '#dom-treewalker-nextsibling', 'TreeWalker.nextSibling')}} | {{Spec2('DOM WHATWG')}} | Pas de changement de {{SpecName('DOM2 Traversal_Range')}} |
+| {{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-nextSibling', 'TreeWalker.nextSibling')}} | {{Spec2('DOM2 Traversal_Range')}} | Définition initiale. |
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">Statut</th>
- <th scope="col">Commentaire</th>
- </tr>
- <tr>
- <td>{{SpecName('DOM WHATWG', '#dom-treewalker-nextsibling', 'TreeWalker.nextSibling')}}</td>
- <td>{{Spec2('DOM WHATWG')}}</td>
- <td>Pas de changement de {{SpecName('DOM2 Traversal_Range')}}</td>
- </tr>
- <tr>
- <td>{{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-nextSibling', 'TreeWalker.nextSibling')}}</td>
- <td>{{Spec2('DOM2 Traversal_Range')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
+## Compatibilité des navigateurs
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
+{{Compat("api.TreeWalker.nextSibling")}}
-<p>{{Compat("api.TreeWalker.nextSibling")}}</p>
+## Voir aussi
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li>L'interface {{domxref("TreeWalker")}} à laquelle elle appartient.</li>
-</ul>
+- L'interface {{domxref("TreeWalker")}} à laquelle elle appartient.
diff --git a/files/fr/web/api/treewalker/parentnode/index.md b/files/fr/web/api/treewalker/parentnode/index.md
index a80948ea84..35a002daa1 100644
--- a/files/fr/web/api/treewalker/parentnode/index.md
+++ b/files/fr/web/api/treewalker/parentnode/index.md
@@ -9,55 +9,37 @@ tags:
- Noeuds
translation_of: Web/API/TreeWalker/parentNode
---
-<p>{{ APIRef("DOM") }}</p>
+{{ APIRef("DOM") }}
-<p>La méthode <strong><code>TreeWalker.parentNode()</code></strong> déplace le {{domxref("Node")}} courant vers le premier noeud ancêtre <em>visible</em> dans l'ordre du document et renvoie le noeud trouvé. Si aucun noeud n'existe ou s'il est au-dessus du <em>noeud racine</em> du <code>TreeWalker</code>, elle renvoie <code>null</code> et le noeud actuel reste inchangé.</p>
+La méthode **`TreeWalker.parentNode()`** déplace le {{domxref("Node")}} courant vers le premier noeud ancêtre _visible_ dans l'ordre du document et renvoie le noeud trouvé. Si aucun noeud n'existe ou s'il est au-dessus du _noeud racine_ du `TreeWalker`, elle renvoie `null` et le noeud actuel reste inchangé.
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="syntaxbox"><em>node</em> = <em>treeWalker</em>.parentNode();
-</pre>
+ node = treeWalker.parentNode();
-<h2 id="Example">Exemple</h2>
+## Exemple
-<pre class="brush: js">var treeWalker = document.createTreeWalker(
+```js
+var treeWalker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_ELEMENT,
{ acceptNode: function(node) { return NodeFilter.FILTER_ACCEPT; } },
false
);
var node = treeWalker.parentNode(); // returns null as there is no parent
+```
-</pre>
-
-<h2 id="Specification">Spécifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">Statut</th>
- <th scope="col">Commentaire</th>
- </tr>
- <tr>
- <td>{{SpecName('DOM WHATWG', '#dom-treewalker-parentnode', 'TreeWalker.parentNode')}}</td>
- <td>{{Spec2('DOM WHATWG')}}</td>
- <td>Pas de changement de {{SpecName('DOM2 Traversal_Range')}}</td>
- </tr>
- <tr>
- <td>{{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-parentNode', 'TreeWalker.parentNode')}}</td>
- <td>{{Spec2('DOM2 Traversal_Range')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.TreeWalker.parentNode")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li>L'interface {{domxref("TreeWalker")}} à laquelle elle appartient.</li>
-</ul>
+## Spécifications
+
+| Spécification | Statut | Commentaire |
+| ---------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | --------------------------------------------------------------------- |
+| {{SpecName('DOM WHATWG', '#dom-treewalker-parentnode', 'TreeWalker.parentNode')}} | {{Spec2('DOM WHATWG')}} | Pas de changement de {{SpecName('DOM2 Traversal_Range')}} |
+| {{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-parentNode', 'TreeWalker.parentNode')}} | {{Spec2('DOM2 Traversal_Range')}} | Définition initiale. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.TreeWalker.parentNode")}}
+
+## Voir aussi
+
+- L'interface {{domxref("TreeWalker")}} à laquelle elle appartient.
diff --git a/files/fr/web/api/treewalker/previousnode/index.md b/files/fr/web/api/treewalker/previousnode/index.md
index 05471ace25..901ad7a3af 100644
--- a/files/fr/web/api/treewalker/previousnode/index.md
+++ b/files/fr/web/api/treewalker/previousnode/index.md
@@ -9,55 +9,37 @@ tags:
- Noeuds
translation_of: Web/API/TreeWalker/previousNode
---
-<p>{{ APIRef("DOM") }}</p>
+{{ APIRef("DOM") }}
-<p>La méthode <strong><code>TreeWalker.previousNode()</code></strong> déplace le {{domxref("Node")}} courant vers le noeud précédent <em>visible</em> dans l'ordre du document et renvoie le noeud trouvé. Elle déplace aussi le noeud courant vers celui-ci. S'il n'en existe aucun ou s'il est avant le <em>noeud racine</em> défini lors de la construction de l'objet, elle renvoie <code>null</code> et le noeud actuel n'est pas changé.</p>
+La méthode **`TreeWalker.previousNode()`** déplace le {{domxref("Node")}} courant vers le noeud précédent _visible_ dans l'ordre du document et renvoie le noeud trouvé. Elle déplace aussi le noeud courant vers celui-ci. S'il n'en existe aucun ou s'il est avant le _noeud racine_ défini lors de la construction de l'objet, elle renvoie `null` et le noeud actuel n'est pas changé.
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="syntaxbox"><em>node</em> = <em>treeWalker</em>.previousNode();
-</pre>
+ node = treeWalker.previousNode();
-<h2 id="Example">Exemple</h2>
+## Exemple
-<pre class="brush: js">var treeWalker = document.createTreeWalker(
+```js
+var treeWalker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_ELEMENT,
{ acceptNode: function(node) { return NodeFilter.FILTER_ACCEPT; } },
false
);
var node = treeWalker.previousNode(); // renvoie null car il n'y a pas de parent
+```
-</pre>
-
-<h2 id="Specification">Spécifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">Statut</th>
- <th scope="col">Commentaire</th>
- </tr>
- <tr>
- <td>{{SpecName('DOM WHATWG', '#dom-treewalker-previousnode', 'TreeWalker.previousNode')}}</td>
- <td>{{Spec2('DOM WHATWG')}}</td>
- <td>Pas de changement de {{SpecName('DOM2 Traversal_Range')}}</td>
- </tr>
- <tr>
- <td>{{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-previousNode', 'TreeWalker.previousNode')}}</td>
- <td>{{Spec2('DOM2 Traversal_Range')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.TreeWalker.previousNode")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li>L'interface {{domxref("TreeWalker")}} à laquelle elle appartient.</li>
-</ul>
+## Spécifications
+
+| Spécification | Statut | Commentaire |
+| -------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | --------------------------------------------------------------------- |
+| {{SpecName('DOM WHATWG', '#dom-treewalker-previousnode', 'TreeWalker.previousNode')}} | {{Spec2('DOM WHATWG')}} | Pas de changement de {{SpecName('DOM2 Traversal_Range')}} |
+| {{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-previousNode', 'TreeWalker.previousNode')}} | {{Spec2('DOM2 Traversal_Range')}} | Définition initiale. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.TreeWalker.previousNode")}}
+
+## Voir aussi
+
+- L'interface {{domxref("TreeWalker")}} à laquelle elle appartient.
diff --git a/files/fr/web/api/treewalker/previoussibling/index.md b/files/fr/web/api/treewalker/previoussibling/index.md
index 49db9c03ad..97ffb8ec7c 100644
--- a/files/fr/web/api/treewalker/previoussibling/index.md
+++ b/files/fr/web/api/treewalker/previoussibling/index.md
@@ -9,55 +9,37 @@ tags:
- Noeuds
translation_of: Web/API/TreeWalker/previousSibling
---
-<p>{{ APIRef("DOM") }}</p>
+{{ APIRef("DOM") }}
-<p>La méthode <strong><code>TreeWalker.previousSibling()</code></strong> déplace le {{domxref("Node")}} courant vers son frère précédent, le cas échéant, et renvoie le frère trouvé. S'il n'y en a pas, elle renvoie <code>null</code> et le noeud actuel est inchangé.</p>
+La méthode **`TreeWalker.previousSibling()`** déplace le {{domxref("Node")}} courant vers son frère précédent, le cas échéant, et renvoie le frère trouvé. S'il n'y en a pas, elle renvoie `null` et le noeud actuel est inchangé.
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="syntaxbox"><em>node</em> = <em>treeWalker</em>.previousSibling();
-</pre>
+ node = treeWalker.previousSibling();
-<h2 id="Example">Exemple</h2>
+## Exemple
-<pre class="brush: js">var treeWalker = document.createTreeWalker(
+```js
+var treeWalker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_ELEMENT,
{ acceptNode: function(node) { return NodeFilter.FILTER_ACCEPT; } },
false
);
var node = treeWalker.previousSibling(); // renvoie null car il n'y a pas de frère précédent
+```
-</pre>
-
-<h2 id="Specification">Spécifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">Statut</th>
- <th scope="col">Commentaire</th>
- </tr>
- <tr>
- <td>{{SpecName('DOM WHATWG', '#dom-treewalker-previoussibling', 'TreeWalker.previousSibling')}}</td>
- <td>{{Spec2('DOM WHATWG')}}</td>
- <td>Pas de changement de {{SpecName('DOM2 Traversal_Range')}}</td>
- </tr>
- <tr>
- <td>{{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-previousSibling', 'TreeWalker.previousSibling')}}</td>
- <td>{{Spec2('DOM2 Traversal_Range')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.TreeWalker.previousSibling")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li>L'interface {{domxref("TreeWalker")}} à laquelle elle appartient.</li>
-</ul>
+## Spécifications
+
+| Spécification | Statut | Commentaire |
+| ---------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | --------------------------------------------------------------------- |
+| {{SpecName('DOM WHATWG', '#dom-treewalker-previoussibling', 'TreeWalker.previousSibling')}} | {{Spec2('DOM WHATWG')}} | Pas de changement de {{SpecName('DOM2 Traversal_Range')}} |
+| {{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-previousSibling', 'TreeWalker.previousSibling')}} | {{Spec2('DOM2 Traversal_Range')}} | Définition initiale. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.TreeWalker.previousSibling")}}
+
+## Voir aussi
+
+- L'interface {{domxref("TreeWalker")}} à laquelle elle appartient.
diff --git a/files/fr/web/api/treewalker/root/index.md b/files/fr/web/api/treewalker/root/index.md
index bfa2d38c2b..64215ab2d2 100644
--- a/files/fr/web/api/treewalker/root/index.md
+++ b/files/fr/web/api/treewalker/root/index.md
@@ -9,53 +9,37 @@ tags:
- Propriétés
translation_of: Web/API/TreeWalker/root
---
-<p>{{ APIRef("DOM") }}</p>
+{{ APIRef("DOM") }}
-<p>La propriété en lecture seule <code><strong>TreeWalker.root</strong></code> renvoie le noeud qui est la racine de ce que TreeWalker doit traverser.</p>
+La propriété en lecture seule **`TreeWalker.root`** renvoie le noeud qui est la racine de ce que TreeWalker doit traverser.
-<h2 id="Syntax">Syntaxe</h2>
+## Syntaxe
-<pre class="syntaxbox"><em>root</em> = TreeWalker.root;</pre>
+ root = TreeWalker.root;
-<h2 id="Example">Exemple</h2>
+## Exemple
-<pre class="brush: js">var treeWalker = document.createTreeWalker(
+```js
+var treeWalker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_ELEMENT,
{ acceptNode: function(node) { return NodeFilter.FILTER_ACCEPT; } },
false
);
root = treeWalker.root; // document.body dans ce cas
-</pre>
-
-<h2 id="Specification">Spécifications</h2>
-
-<table class="standard-table">
- <tbody>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">Statut</th>
- <th scope="col">Commentaire</th>
- </tr>
- <tr>
- <td>{{SpecName('DOM WHATWG', '#dom-treewalker-root', 'TreeWalker.root')}}</td>
- <td>{{Spec2('DOM WHATWG')}}</td>
- <td>Pas de changement de {{SpecName('DOM2 Traversal_Range')}}</td>
- </tr>
- <tr>
- <td>{{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-root', 'TreeWalker.root')}}</td>
- <td>{{Spec2('DOM2 Traversal_Range')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
-
-<p>{{Compat("api.TreeWalker.root")}}</p>
-
-<h2 id="Voir_aussi">Voir aussi</h2>
-
-<ul>
- <li>L'interface {{domxref("TreeWalker")}}.</li>
-</ul>
+```
+
+## Spécifications
+
+| Spécification | Statut | Commentaire |
+| ------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------- | --------------------------------------------------------------------- |
+| {{SpecName('DOM WHATWG', '#dom-treewalker-root', 'TreeWalker.root')}} | {{Spec2('DOM WHATWG')}} | Pas de changement de {{SpecName('DOM2 Traversal_Range')}} |
+| {{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-root', 'TreeWalker.root')}} | {{Spec2('DOM2 Traversal_Range')}} | Définition initiale. |
+
+## Compatibilité des navigateurs
+
+{{Compat("api.TreeWalker.root")}}
+
+## Voir aussi
+
+- L'interface {{domxref("TreeWalker")}}.
diff --git a/files/fr/web/api/treewalker/whattoshow/index.md b/files/fr/web/api/treewalker/whattoshow/index.md
index 4e63064707..b7f4dd47c1 100644
--- a/files/fr/web/api/treewalker/whattoshow/index.md
+++ b/files/fr/web/api/treewalker/whattoshow/index.md
@@ -8,134 +8,56 @@ tags:
- Reference
translation_of: Web/API/TreeWalker/whatToShow
---
-<p>{{APIRef("DOM")}}</p>
-
-<p>La propriété en lecture seule <code><strong>TreeWalker.whatToShow</strong></code> renvoie un <code>unsigned long</code> (<em>non signé long</em>) qui est un masque constitué de constantes décrivant les types de {{domxref("Node")}} à présenter. Les noeuds ne correspondant pas sont ignorés, mais leurs enfants peuvent être inclus s'ils sont pertinents. Les valeurs possibles sont :</p>
-
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Constante
- </th><th scope="col">Valeur numérique
- </th><th scope="col">Description
- </th></tr>
- </thead>
- <tbody>
- <tr>
- <td><code>NodeFilter.SHOW_ALL</code></td>
- <td><code>-1</code> (c'est la valeur numérique maximale du <code>unsigned long</code> (<em>non signé long</em>))</td>
- <td>Affiche tous les noeuds.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_ATTRIBUTE</code> {{deprecated_inline}}</td>
- <td><code>2</code></td>
- <td>Affiche l'attribut {{domxref("Attr")}} des noeuds. Cela n'a de sens que lors de la création d'un {{domxref("TreeWalker")}} avec un noeud {{domxref("Attr")}} comme racine ; dans ce cas, cela signifie que le nœud d'attribut apparaîtra dans la première position de l'itération ou de la traversée. Comme les attributs ne sont jamais des enfants d'autres nœuds, ils n'apparaissent pas lors de la traversée de l'arbre du document.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_CDATA_SECTION</code> {{deprecated_inline}}</td>
- <td><code>8</code></td>
- <td>Affiche les noeuds {{domxref("CDATASection")}}.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_COMMENT</code></td>
- <td><code>128</code></td>
- <td>Affiche les noeuds {{domxref("Comment")}}.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_DOCUMENT</code></td>
- <td><code>256</code></td>
- <td>Affiche les noeuds {{domxref("Document")}}.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_DOCUMENT_FRAGMENT</code></td>
- <td><code>1024</code></td>
- <td>Affiche les noeuds {{domxref("DocumentFragment")}}.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_DOCUMENT_TYPE</code></td>
- <td><code>512</code></td>
- <td>Affiche les noeuds {{domxref("DocumentType")}}.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_ELEMENT</code></td>
- <td><code>1</code></td>
- <td>Affiche les noeuds {{domxref("Element")}}.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_ENTITY</code> {{deprecated_inline}}</td>
- <td><code>32</code></td>
- <td>Affiche les noeuds {{domxref("Entity")}}. Cela n'a de sens que lors de la création d'un {{domxref("TreeWalker")}} avec un noeud {{ domxref("Entity") }} comme racine ; dans ce cas, il signifie que le noeud d'entité {{domxref("Entity") }} apparaîtra à la première position de la traversée. Étant donné que les entités ne font pas partie de l'arborescence du document, elles n'apparaissent pas lors de la traversée de l'arborescence du document.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_ENTITY_REFERENCE</code> {{deprecated_inline}}</td>
- <td><code>16</code></td>
- <td>Affiche les noeuds {{domxref("EntityReference")}}.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_NOTATION</code> {{deprecated_inline}}</td>
- <td><code>2048</code></td>
- <td>Affiche les noeuds {{domxref("Notation")}}. Cela n'a de sens que lors de la création d'un {{domxref("TreeWalker")}} avec un noeud {{domxref("Notation")}} comme racine ; dans ce cas, il signifie que le noeud {{domxref("Notation")}} apparaîtra à la première position de la traversée. Étant donné que les entités ne font pas partie de l'arborescence du document, elles n'apparaissent pas lors de la traversée de l'arborescence du document.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_PROCESSING_INSTRUCTION</code></td>
- <td><code>64</code></td>
- <td>Affiche les noeuds {{domxref("ProcessingInstruction")}}.</td>
- </tr>
- <tr>
- <td><code>NodeFilter.SHOW_TEXT</code></td>
- <td><code>4</code></td>
- <td>Affiche les noeuds {{domxref("Text")}}.</td>
- </tr>
- </tbody>
-</table>
-
-<h2 id="Syntaxe">Syntaxe</h2>
-
-<pre class="syntaxbox"><em>nodeTypes</em> = treeWalker.whatToShow;</pre>
-
-<h2 id="Example">Exemples</h2>
-
-<pre class="brush: js">var treeWalker = document.createTreeWalker(
+{{APIRef("DOM")}}
+
+La propriété en lecture seule **`TreeWalker.whatToShow`** renvoie un `unsigned long` (_non signé long_) qui est un masque constitué de constantes décrivant les types de {{domxref("Node")}} à présenter. Les noeuds ne correspondant pas sont ignorés, mais leurs enfants peuvent être inclus s'ils sont pertinents. Les valeurs possibles sont :
+
+| Constante | Valeur numérique | Description |
+| --------------------------------------------------------------- | ------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| `NodeFilter.SHOW_ALL` | `-1` (c'est la valeur numérique maximale du `unsigned long` (_non signé long_)) | Affiche tous les noeuds. |
+| `NodeFilter.SHOW_ATTRIBUTE` {{deprecated_inline}} | `2` | Affiche l'attribut {{domxref("Attr")}} des noeuds. Cela n'a de sens que lors de la création d'un {{domxref("TreeWalker")}} avec un noeud {{domxref("Attr")}} comme racine ; dans ce cas, cela signifie que le nœud d'attribut apparaîtra dans la première position de l'itération ou de la traversée. Comme les attributs ne sont jamais des enfants d'autres nœuds, ils n'apparaissent pas lors de la traversée de l'arbre du document. |
+| `NodeFilter.SHOW_CDATA_SECTION` {{deprecated_inline}} | `8` | Affiche les noeuds {{domxref("CDATASection")}}. |
+| `NodeFilter.SHOW_COMMENT` | `128` | Affiche les noeuds {{domxref("Comment")}}. |
+| `NodeFilter.SHOW_DOCUMENT` | `256` | Affiche les noeuds {{domxref("Document")}}. |
+| `NodeFilter.SHOW_DOCUMENT_FRAGMENT` | `1024` | Affiche les noeuds {{domxref("DocumentFragment")}}. |
+| `NodeFilter.SHOW_DOCUMENT_TYPE` | `512` | Affiche les noeuds {{domxref("DocumentType")}}. |
+| `NodeFilter.SHOW_ELEMENT` | `1` | Affiche les noeuds {{domxref("Element")}}. |
+| `NodeFilter.SHOW_ENTITY` {{deprecated_inline}} | `32` | Affiche les noeuds {{domxref("Entity")}}. Cela n'a de sens que lors de la création d'un {{domxref("TreeWalker")}} avec un noeud {{ domxref("Entity") }} comme racine ; dans ce cas, il signifie que le noeud d'entité {{domxref("Entity") }} apparaîtra à la première position de la traversée. Étant donné que les entités ne font pas partie de l'arborescence du document, elles n'apparaissent pas lors de la traversée de l'arborescence du document. |
+| `NodeFilter.SHOW_ENTITY_REFERENCE` {{deprecated_inline}} | `16` | Affiche les noeuds {{domxref("EntityReference")}}. |
+| `NodeFilter.SHOW_NOTATION` {{deprecated_inline}} | `2048` | Affiche les noeuds {{domxref("Notation")}}. Cela n'a de sens que lors de la création d'un {{domxref("TreeWalker")}} avec un noeud {{domxref("Notation")}} comme racine ; dans ce cas, il signifie que le noeud {{domxref("Notation")}} apparaîtra à la première position de la traversée. Étant donné que les entités ne font pas partie de l'arborescence du document, elles n'apparaissent pas lors de la traversée de l'arborescence du document. |
+| `NodeFilter.SHOW_PROCESSING_INSTRUCTION` | `64` | Affiche les noeuds {{domxref("ProcessingInstruction")}}. |
+| `NodeFilter.SHOW_TEXT` | `4` | Affiche les noeuds {{domxref("Text")}}. |
+
+## Syntaxe
+
+ nodeTypes = treeWalker.whatToShow;
+
+## Exemples
+
+```js
+var treeWalker = document.createTreeWalker(
document.body,
NodeFilter.SHOW_ELEMENT + NodeFilter.SHOW_COMMENT + NodeFilter.SHOW_TEXT,
{ acceptNode: function(node) { return NodeFilter.FILTER_ACCEPT; } },
false
);
if( (treeWalker.whatToShow == NodeFilter.SHOW_ALL) ||
- (treeWalker.whatToShow % (NodeFilter.SHOW_COMMENT*2)) &gt;= NodeFilter.SHOW_COMMENT) {
+ (treeWalker.whatToShow % (NodeFilter.SHOW_COMMENT*2)) >= NodeFilter.SHOW_COMMENT) {
// treeWalker affichera des commentaires
}
-</pre>
+```
+
+## Spécifications
-<h2 id="Spécifications">Spécifications</h2>
+| Spécification | État | Commentaires |
+| ---------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------- | --------------------------------------------------------------------- |
+| {{SpecName('DOM WHATWG', '#dom-treewalker-whattoshow', 'TreeWalker.whatToShow')}} | {{Spec2('DOM WHATWG')}} | Pas de changement de {{SpecName('DOM2 Traversal_Range')}} |
+| {{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-whatToShow', 'TreeWalker.whatToShow')}} | {{Spec2('DOM2 Traversal_Range')}} | Définition initiale. |
-<table class="standard-table">
- <thead>
- <tr>
- <th scope="col">Spécification</th>
- <th scope="col">État</th>
- <th scope="col">Commentaires</th>
- </tr>
- </thead>
- <tbody>
- <tr>
- <td>{{SpecName('DOM WHATWG', '#dom-treewalker-whattoshow', 'TreeWalker.whatToShow')}}</td>
- <td>{{Spec2('DOM WHATWG')}}</td>
- <td>Pas de changement de {{SpecName('DOM2 Traversal_Range')}}</td>
- </tr>
- <tr>
- <td>{{SpecName('DOM2 Traversal_Range', 'traversal.html#Traversal-TreeWalker-whatToShow', 'TreeWalker.whatToShow')}}</td>
- <td>{{Spec2('DOM2 Traversal_Range')}}</td>
- <td>Définition initiale.</td>
- </tr>
- </tbody>
-</table>
-<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2>
+## Compatibilité des navigateurs
-<p>{{Compat("api.TreeWalker.whatToShow")}}</p>
+{{Compat("api.TreeWalker.whatToShow")}}
-<h2 id="Voir_aussi">Voir aussi</h2>
+## Voir aussi
-<ul>
- <li>L'interface {{domxref("TreeWalker")}}.</li>
-</ul>
+- L'interface {{domxref("TreeWalker")}}.