diff options
Diffstat (limited to 'files/fr/web/api/treewalker/whattoshow/index.md')
| -rw-r--r-- | files/fr/web/api/treewalker/whattoshow/index.md | 158 |
1 files changed, 40 insertions, 118 deletions
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)) >= 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")}}. |