---
title: TreeWalker.whatToShow
slug: Web/API/TreeWalker/whatToShow
tags:
  - API
  - DOM
  - Propriété
  - 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" name="Example">Exemples</h2>

<pre class="brush: 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 affichera des commentaires
}
</pre>

<h2 id="Spécifications">Spécifications</h2>

<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>

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

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

<ul>
 <li>L'interface {{domxref("TreeWalker")}}.</li>
</ul>