blob: 2738910a45e45b8be980df935b0cd2c4c10fe0d2 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
|
---
title: Node.nodeName
slug: Web/API/Node/nodeName
tags:
- API
- DOM
- Gecko
- NeedsSpecTable
- Node
- Property
- Read-only
translation_of: Web/API/Node/nodeName
original_slug: Web/API/Element/nodeName
---
<div>{{APIRef("DOM")}}</div>
<p>La proprietà di sola lettura <code><strong>nodeName</strong></code> restituisce il nome dell'attuale {{domxref("Node")}} come stringa.</p>
<h2 id="Sintassi">Sintassi</h2>
<pre class="syntaxbox">var <em>str</em> = <em>node</em>.nodeName;
</pre>
<h3 id="Valore">Valore</h3>
<p>Una {{domxref("DOMString")}}. I valori per i diversi tipi di nodi sono:</p>
<table class="standard-table">
<tbody>
<tr>
<th>Interfaccia</th>
<th>valore nodeName</th>
</tr>
<tr>
<td>{{domxref("Attr")}}</td>
<td>Il valore di {{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>Il valore di {{domxref("DocumentType.name")}}</td>
</tr>
<tr>
<td>{{domxref("Element")}}</td>
<td>Il valore di {{domxref("Element.tagName")}}</td>
</tr>
<tr>
<td>{{domxref("Entity")}}</td>
<td>Il nome dell'entità</td>
</tr>
<tr>
<td>{{domxref("EntityReference")}}</td>
<td>Il nome del riferimento all'entità</td>
</tr>
<tr>
<td>{{domxref("Notation")}}</td>
<td>Il nome della notazione</td>
</tr>
<tr>
<td>{{domxref("ProcessingInstruction")}}</td>
<td>Il valore di {{domxref("ProcessingInstruction.target")}}</td>
</tr>
<tr>
<td>{{domxref("Text")}}</td>
<td><code>"#text"</code></td>
</tr>
</tbody>
</table>
<h2 id="Esempio">Esempio</h2>
<p>Dato il seguente markup:</p>
<pre class="brush:html"><div id="d1">hello world</div>
<input type="text" id="t">
</pre>
<p>e il seguente script:</p>
<pre class="brush:js">var div1 = document.getElementById("d1");
var text_field = document.getElementById("t");
text_field.value = div1.nodeName;
</pre>
<p>IIn XHTML (o in qualsiasi altro formato XML), il valore di <code>text_field</code> sarebbe letto <code>"div"</code>. Tuttavia, in HTML, il valore di <code>text_field</code> sarebbe letto <code>"DIV"</code>, poichè <code>nodeName</code> e <code>tagName</code> restituiscono in maiuscolo gli elementi HTML nei DOM contrassegnati come documenti HTML. Read more <a href="http://ejohn.org/blog/nodename-case-sensitivity/" title="http://ejohn.org/blog/nodename-case-sensitivity/">details on nodeName case sensitivity in different browsers</a>.</p>
<p>Nota che la proprietà {{domxref("Element.tagName")}} potrebbe essere stata utilizzata, poiché <code>nodeName</code> ha lo stesso valore di <code>tagName</code> per un elemento. Tieni presente, tuttavia, che <code>nodeName</code> ritornerà <code>"#text"</code> per i nodi di testo mentre <code>tagName</code> restituirà <code>undefined</code>.</p>
<h2 id="Specifiche">Specifiche</h2>
<ul>
<li><a href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-F68D095">DOM Level 2 Core: Node.nodeName</a></li>
<li><a 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à_con_i_browser">Compatibilità con i browser</h2>
<p>{{Compat("api.Node.nodeName")}}</p>
|
