diff options
author | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
---|---|---|
committer | Peter Bengtsson <mail@peterbe.com> | 2020-12-08 14:40:17 -0500 |
commit | 33058f2b292b3a581333bdfb21b8f671898c5060 (patch) | |
tree | 51c3e392513ec574331b2d3f85c394445ea803c6 /files/fr/web/api/node/nodename/index.html | |
parent | 8b66d724f7caf0157093fb09cfec8fbd0c6ad50a (diff) | |
download | translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.gz translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.tar.bz2 translated-content-33058f2b292b3a581333bdfb21b8f671898c5060.zip |
initial commit
Diffstat (limited to 'files/fr/web/api/node/nodename/index.html')
-rw-r--r-- | files/fr/web/api/node/nodename/index.html | 111 |
1 files changed, 111 insertions, 0 deletions
diff --git a/files/fr/web/api/node/nodename/index.html b/files/fr/web/api/node/nodename/index.html new file mode 100644 index 0000000000..da778cda15 --- /dev/null +++ b/files/fr/web/api/node/nodename/index.html @@ -0,0 +1,111 @@ +--- +title: element.nodeName +slug: Web/API/Node/nodeName +tags: + - API + - DOM + - Noeuds + - Nom + - Propriété +translation_of: Web/API/Node/nodeName +--- +<p>{{APIRef("DOM")}}</p> + +<p>La propriété en lecture seule <code><strong>Node.nodeName</strong></code> renvoie le nom du nœud courant dans une chaîne.</p> + +<p>Les valeurs retournées pour les différents types de noeuds sont :</p> + +<table class="standard-table"> + <tbody> + <tr> + <th>Interface</th> + <th>Valeur nodeName</th> + </tr> + <tr> + <td>{{domxref("Attr")}}</td> + <td>La valeur de {{domxref("Attr.name")}}</td> + </tr> + <tr> + <td>{{domxref("CDATASection")}}</td> + <td><code>"#cdata-section"</code></td> + </tr> + <tr> + <td>{{domxref("Comment")}}</td> + <td><code>"#comment"</code></td> + </tr> + <tr> + <td>{{domxref("Document")}}</td> + <td><code>"#document"</code></td> + </tr> + <tr> + <td>{{domxref("DocumentFragment")}}</td> + <td><code>"#document-fragment"</code></td> + </tr> + <tr> + <td>{{domxref("DocumentType")}}</td> + <td>La valeur de {{domxref("DocumentType.name")}}</td> + </tr> + <tr> + <td>{{domxref("Element")}}</td> + <td>La valeur de {{domxref("Element.tagName")}}</td> + </tr> + <tr> + <td>{{domxref("Entity")}}</td> + <td>Le nom de l'entité</td> + </tr> + <tr> + <td>{{domxref("EntityReference")}}</td> + <td>Le nom de la référence d'entité</td> + </tr> + <tr> + <td>{{domxref("Notation")}}</td> + <td>Le nom de notation</td> + </tr> + <tr> + <td>{{domxref("ProcessingInstruction")}}</td> + <td>La valeur de {{domxref("ProcessingInstruction.target")}}</td> + </tr> + <tr> + <td>{{domxref("Text")}}</td> + <td><code>"#text"</code></td> + </tr> + </tbody> +</table> + +<h2 id="Syntaxe" name="Syntaxe">Syntaxe</h2> + +<pre class="syntaxbox">var <em>str</em> = <em>node</em>.nodeName; +</pre> + +<h2 id="Exemple">Exemple</h2> + +<p>Avec le balisage suivant :</p> + +<pre><div id="d1">hello world</div> +<input type="text" id="t"/> +</pre> + +<p>et le script suivant :</p> + +<pre>var div1 = document.getElementById("d1"); +var text_field = document.getElementById("t"); +text_field.value = div1.nodeName; +</pre> + +<p>En XHTML (ou tout autre format XML), la valeur de <code>text_field</code> sera « div ». Cependant, en HTML, la valeur de <code>text_field</code> sera « DIV », parce que <code>nodeName</code> et <code>tagName</code> renvoient en casse majuscule sur les éléments HTML dans les DOM marqués comme des documents HTML. En lire plus <a href="http://ejohn.org/blog/nodename-case-sensitivity/" title="http://ejohn.org/blog/nodename-case-sensitivity/">détails sur la sensibilité à la casse de nodeName dans différents navigateurs</a> (en).</p> + +<p>Notez que la propriété <code><a href="fr/DOM/element.tagName">tagName</a></code> aurait pu être uilisée à la place, puisque <code>nodeName</code> a la même valeur que <code>tagName</code> pour un élément. Souvenez vous cependant que <code>nodeName</code> renverra <code>#text</code> pour les nœuds texte tandis que <code>tagName</code> renverra <code>undefined</code>.</p> + +<h2 id="Sp.C3.A9cification" name="Sp.C3.A9cification">Spécification</h2> + +<ul> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-F68D095">DOM Level 2 Core: Node.nodeName</a> <small>— <a class="external" href="http://www.yoyodesign.org/doc/w3c/dom2-core/core.html#ID-F68D095">traduction</a> (non normative)</small></li> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Core/core.html#ID-F68D095">DOM Level 3 Core: Node.nodeName</a></li> + <li><a href="http://www.whatwg.org/specs/web-apps/current-work/multipage/dom.html#apis-in-html-documents">HTML 5: APIs in HTML documents</a></li> +</ul> + +<h2 id="Compatibilité_des_navigateurs">Compatibilité des navigateurs</h2> + + + +<p>{{Compat("api.Node.nodeName")}}</p> |