diff options
author | Florian Dieminger <me@fiji-flo.de> | 2021-02-11 18:24:42 +0100 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-02-11 18:24:42 +0100 |
commit | aaeeb9abf350ff53bc52223c6a2f6a15d755ae07 (patch) | |
tree | 3b8bb1f4d37a784a941ec5956973b569d47a3da9 /files/it/web/api/node | |
parent | eac9bdfdfb67b7748f4ffe6931a87b471ef4f2b5 (diff) | |
parent | e7651b26abb2031118b797bd4a4d707aa7f2e9b6 (diff) | |
download | translated-content-aaeeb9abf350ff53bc52223c6a2f6a15d755ae07.tar.gz translated-content-aaeeb9abf350ff53bc52223c6a2f6a15d755ae07.tar.bz2 translated-content-aaeeb9abf350ff53bc52223c6a2f6a15d755ae07.zip |
Merge pull request #40 from fiji-flo/unslugging-it
Unslugging it
Diffstat (limited to 'files/it/web/api/node')
-rw-r--r-- | files/it/web/api/node/childnodes/index.html | 100 | ||||
-rw-r--r-- | files/it/web/api/node/firstchild/index.html | 91 | ||||
-rw-r--r-- | files/it/web/api/node/namespaceuri/index.html | 31 | ||||
-rw-r--r-- | files/it/web/api/node/nodename/index.html | 117 | ||||
-rw-r--r-- | files/it/web/api/node/nodetype/index.html | 179 | ||||
-rw-r--r-- | files/it/web/api/node/nodevalue/index.html | 76 | ||||
-rw-r--r-- | files/it/web/api/node/parentnode/index.html | 62 | ||||
-rw-r--r-- | files/it/web/api/node/prefix/index.html | 27 | ||||
-rw-r--r-- | files/it/web/api/node/textcontent/index.html | 139 |
9 files changed, 822 insertions, 0 deletions
diff --git a/files/it/web/api/node/childnodes/index.html b/files/it/web/api/node/childnodes/index.html new file mode 100644 index 0000000000..1db83ea87c --- /dev/null +++ b/files/it/web/api/node/childnodes/index.html @@ -0,0 +1,100 @@ +--- +title: Node.childNodes +slug: Web/API/Node/childNodes +translation_of: Web/API/Node/childNodes +original_slug: Web/API/Element/childNodes +--- +<div> +<div>{{APIRef("DOM")}}</div> +</div> + +<p>La proprietà di sola lettura <code><strong>Node.childNodes</strong></code> restituisce una {{domxref("NodeList")}} dinamica di {{domxref("Node","nodi")}} figli dell'elemento dato in cui il primo nodo figlio viene assegnato all'indice 0.</p> + +<h2 id="Sintassi">Sintassi</h2> + +<pre class="syntaxbox">var <var>nodeList</var> = <var>elementNodeReference</var>.childNodes; +</pre> + +<h2 id="Esempi">Esempi</h2> + +<h3 id="Utilizzo_semplice">Utilizzo semplice</h3> + +<pre class="brush:js">// parg è un riferimento a un elemento <p> + +// Innanzitutto controlliamo che l'elemento abbia dei nodi figli +if (parg.hasChildNodes()) { + var children = parg.childNodes; + + for (var i = 0; i < children.length; i++) { + // fare qualcosa con ogni bambino da children[i] + // NOTA: l'elenco è dinamico, l'aggiunta o la rimozione di bambini modificherà l'elenco + } +}</pre> + +<h3 id="Rimuovi_tutti_i_bambini_da_un_nodo">Rimuovi tutti i bambini da un nodo</h3> + +<pre class="brush:js">// Questo è un modo per rimuovere tutti i bambini da una +// finestra di nodo è un riferimento ad un oggetto + +while (box.firstChild) { + //L'elenco è DINAMICO, quindi indicizzerà nuovamente ogni chiamata + box.removeChild(box.firstChild); +}</pre> + +<h2 id="Appunti">Appunti</h2> + +<p>Gli elementi nella raccolta di nodi sono oggetti e non stringhe. Per ottenere dati da oggetti nodo, usa le loro proprietà (ad esempio <code>elementNodeReference.childNodes[1].nodeName</code> per ottenere il nome, ecc.).</p> + +<p>L'oggetto <code>document</code> ha 2 figli: la dichiarazione Doctype e l'elemento root, in genere <code>documentElement</code>. (Nei documenti (X)HTML questo è l'elemento <code>HTML</code>.)</p> + +<p><code>childNodes</code> include tutti i nodi figli, inclusi nodi non-elemento come nodi di testo e commenti. Per ottenere una raccolta di soli elementi, usa {{domxref("ParentNode.children")}}.</p> + +<h2 id="Specifiche">Specifiche</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Specifica</th> + <th scope="col">Stato</th> + <th scope="col">Commento</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('DOM WHATWG', '#dom-node-childnodes', 'Node.childNodes')}}</td> + <td>{{Spec2('DOM WHATWG')}}</td> + <td>Nessun cambiamento</td> + </tr> + <tr> + <td>{{SpecName('DOM3 Core', 'core.html#ID-1451460987', 'Node.childNodes')}}</td> + <td>{{Spec2('DOM3 Core')}}</td> + <td>Nessun cambiamento</td> + </tr> + <tr> + <td>{{SpecName('DOM2 Core', 'core.html#ID-1451460987', 'Node.childNodes')}}</td> + <td>{{Spec2('DOM2 Core')}}</td> + <td>Nessun cambiamento</td> + </tr> + <tr> + <td>{{SpecName('DOM1', 'level-one-core.html#ID-1451460987', 'Node.childNodes')}}</td> + <td>{{Spec2('DOM1')}}</td> + <td>Definizione iniziale</td> + </tr> + </tbody> +</table> + +<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2> + + + +<p>{{Compat("api.Node.childNodes")}}</p> + +<h2 id="Vedi_anche">Vedi anche</h2> + +<ul> + <li>{{domxref("Node.firstChild")}}</li> + <li>{{domxref("Node.lastChild")}}</li> + <li>{{domxref("Node.nextSibling")}}</li> + <li>{{domxref("Node.previousSibling")}}</li> + <li>{{domxref("ParentNode.children")}}</li> +</ul> diff --git a/files/it/web/api/node/firstchild/index.html b/files/it/web/api/node/firstchild/index.html new file mode 100644 index 0000000000..b99b694dbe --- /dev/null +++ b/files/it/web/api/node/firstchild/index.html @@ -0,0 +1,91 @@ +--- +title: Node.firstChild +slug: Web/API/Node/firstChild +tags: + - API + - DOM + - Node + - Proprietà + - Referenza +translation_of: Web/API/Node/firstChild +original_slug: Web/API/Element/firstChild +--- +<div>{{APIRef("DOM")}}</div> + +<p><span class="seoSummary">La proprietà di sola lettura <code><strong>Node.firstChild</strong></code> restituisce il primo figlio del nodo nell'albero o <code>null</code> se il nodo non ha figli.</span> Se il nodo è un <code>Document</code>, restituisce il primo nodo nell'elenco dei suoi figli diretti.</p> + +<h2 id="Sintassi">Sintassi</h2> + +<pre class="syntaxbox">var <var>childNode</var> = <var>node</var>.firstChild; +</pre> + +<h2 id="Esempio">Esempio</h2> + +<p>Questo esempio dimostra l'uso di <code>firstChild</code> e il modo in cui i nodi degli spazi bianchi potrebbero interferire con l'utilizzo di questa proprietà.</p> + +<pre class="brush:html"><p id="para-01"> + <span>First span</span> +</p> + +<script> + var p01 = document.getElementById('para-01'); + console.log(p01.firstChild.nodeName); +</script></pre> + +<p>In quanto sopra, la <a href="/en-US/docs/Web/API/Console">console</a> console mostrerà '#text' perché viene inserito un nodo di testo per mantenere lo spazio bianco tra la fine dei tag di apertura <code><p></code> e <code><span></code>. <strong>Qualsiasi</strong> <a href="/en-US/docs/Web/API/Document_Object_Model/Whitespace_in_the_DOM">spazio bianco</a> creerà un nodo <code>#text</code> da un singolo spazio a più spazi, ritorni, schede e così via.</p> + +<p>Un altro nodo <code>#text</code> viene inserito tra i tag di chiusura <code></span></code> e <code></p></code>.</p> + +<p>Se questo spazio viene rimosso dall'origine, i nodi #text non vengono inseriti e l'elemento span diventa il primo figlio del paragrafo.</p> + +<pre class="brush:html"><p id="para-01"><span>First span</span></p> + +<script> + var p01 = document.getElementById('para-01'); + console.log(p01.firstChild.nodeName); +</script> +</pre> + +<p>Ora l'avviso mostrerà 'SPAN'.</p> + +<p>Per evitare il problema con <code>node.firstChild</code> che restituisce i nodi <code>#text</code> o <code>#comment</code>, {{domxref("ParentNode.firstElementChild")}} può essere utilizzato per restituire solo il primo nodo elemento. Tuttavia, <code>node.firstElementChild</code> richiede uno shim per Internet Explorer 9 e versioni precedenti.</p> + +<h2 id="Specifiche">Specifiche</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Specifica</th> + <th scope="col">Stato</th> + <th scope="col">Commentp</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('DOM WHATWG', '#dom-node-firstchild', 'Node.firstChild')}}</td> + <td>{{Spec2('DOM WHATWG')}}</td> + <td>Nessun cambiamento</td> + </tr> + <tr> + <td>{{SpecName('DOM3 Core', 'core.html#ID-169727388', 'Node.firstChild')}}</td> + <td>{{Spec2('DOM3 Core')}}</td> + <td>Nessun cambiamento</td> + </tr> + <tr> + <td>{{SpecName('DOM2 Core', 'core.html#ID-169727388', 'Node.firstChild')}}</td> + <td>{{Spec2('DOM2 Core')}}</td> + <td>Nessun cambiamento</td> + </tr> + <tr> + <td>{{SpecName('DOM1', 'level-one-core.html#ID-169727388', 'Node.firstChild')}}</td> + <td>{{Spec2('DOM1')}}</td> + <td>Definizione iniziale</td> + </tr> + </tbody> +</table> + +<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2> + + + +<p>{{Compat("api.Node.firstChild")}}</p> diff --git a/files/it/web/api/node/namespaceuri/index.html b/files/it/web/api/node/namespaceuri/index.html new file mode 100644 index 0000000000..74e1f8092f --- /dev/null +++ b/files/it/web/api/node/namespaceuri/index.html @@ -0,0 +1,31 @@ +--- +title: document.namespaceURI +slug: Web/API/Node/namespaceURI +translation_of: Web/API/Node/namespaceURI +translation_of_original: Web/API/Document/namespaceURI +original_slug: Web/API/Document/namespaceURI +--- +<div>{{APIRef("DOM")}}</div> + +<p><code>namespaceURI</code> restituisce lo spazio dei nomi XML del documento corrente.</p> + +<h3 id="Sintassi" name="Sintassi">Sintassi</h3> + +<pre class="eval"><i>NSURI</i> = document.namespaceURI +</pre> + +<h3 id="Parametri" name="Parametri">Parametri</h3> + +<ul> + <li><code>NSURI</code> è una stringa contenente lo spazio dei nomi.</li> +</ul> + +<h3 id="Note" name="Note">Note</h3> + +<p>Il DOM di per sè non supporta la validazione del namespace. Spetta all'applicazione DOM effettuare la necessaria validazione. Si noti inoltre che il prefisso del namespace, una volta associato a un nodo particolare, non può più cambiare.</p> + +<h3 id="Specifiche" name="Specifiche">Specifiche</h3> + +<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#Namespaces-Considerations">DOM Level 2 Core: namespaceURI</a></p> + +<p>{{ languages( { "fr": "fr/DOM/document.namespaceURI", "pl": "pl/DOM/document.namespaceURI" } ) }}</p> diff --git a/files/it/web/api/node/nodename/index.html b/files/it/web/api/node/nodename/index.html new file mode 100644 index 0000000000..2738910a45 --- /dev/null +++ b/files/it/web/api/node/nodename/index.html @@ -0,0 +1,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> diff --git a/files/it/web/api/node/nodetype/index.html b/files/it/web/api/node/nodetype/index.html new file mode 100644 index 0000000000..c484034dc7 --- /dev/null +++ b/files/it/web/api/node/nodetype/index.html @@ -0,0 +1,179 @@ +--- +title: Node.nodeType +slug: Web/API/Node/nodeType +tags: + - API + - DOM + - Proprietà + - Referenza +translation_of: Web/API/Node/nodeType +original_slug: Web/API/Element/nodeType +--- +<div>{{APIRef("DOM")}}</div> + +<p><span class="seoSummary">La proprietà di sola lettura <code><strong>Node.nodeType</strong></code> è un numero intero che identifica il nodo. Distingue tra diversi tipi di nodi tra loro, come {{domxref("Element", "elements")}}, {{domxref("Text", "text")}} and {{domxref("Comment", "comments")}}.</span></p> + +<h2 id="Sintassi">Sintassi</h2> + +<pre class="syntaxbox">var <em><var>type</var></em> = <em>node</em>.nodeType; +</pre> + +<p>Restituisce un numero intero che specifica il tipo del nodo. I valori possibili sono elencati in {{anch("Tipi di nodi costanti")}}.</p> + +<h2 id="Constanti">Constanti</h2> + +<h3 id="Tipi_di_nodi_costanti">Tipi di nodi costanti</h3> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Constante</th> + <th scope="col">Valore</th> + <th scope="col">Descrizione</th> + </tr> + </thead> + <tbody> + <tr> + <td><code>Node.ELEMENT_NODE</code></td> + <td><code>1</code></td> + <td>Un nodo {{domxref("Element")}} come {{HTMLElement("p")}} o {{HTMLElement("div")}}.</td> + </tr> + <tr> + <td><code>Node.TEXT_NODE</code></td> + <td><code>3</code></td> + <td>L'attuale {{domxref("Text")}} dentro un {{domxref("Element")}} o {{domxref("Attr")}}.</td> + </tr> + <tr> + <td><code>Node.CDATA_SECTION_NODE</code></td> + <td><code>4</code></td> + <td>Una {{domxref("CDATASection")}}, ad esempio <code><!CDATA[[ … ]]></code>.</td> + </tr> + <tr> + <td><code>Node.PROCESSING_INSTRUCTION_NODE</code></td> + <td><code>7</code></td> + <td>Una {{domxref("ProcessingInstruction")}} di un documento XML, come <code><?xml-stylesheet … ?></code>.</td> + </tr> + <tr> + <td><code>Node.COMMENT_NODE</code></td> + <td><code>8</code></td> + <td>Un nodo {{domxref("Comment")}}, come <code><!-- … --></code>.</td> + </tr> + <tr> + <td><code>Node.DOCUMENT_NODE</code></td> + <td><code>9</code></td> + <td>Un nodo {{domxref("Document")}}.</td> + </tr> + <tr> + <td><code>Node.DOCUMENT_TYPE_NODE</code></td> + <td><code>10</code></td> + <td>Un nodo {{domxref("DocumentType")}}, come <code><!DOCTYPE html></code>.</td> + </tr> + <tr> + <td><code>Node.DOCUMENT_FRAGMENT_NODE</code></td> + <td><code>11</code></td> + <td>Un nodo {{domxref("DocumentFragment")}}.</td> + </tr> + </tbody> +</table> + +<h3 id="Tipi_di_nodo_deprecati_deprecated_inline()">Tipi di nodo deprecati {{deprecated_inline()}}</h3> + +<div class="blockIndicator note"> +<p>Le seguenti costanti sono state deprecate e non dovrebbero essere più utilizzate.</p> +</div> + +<table class="standard-table"> + <tbody> + <tr> + <td>Constante</td> + <td>Valore</td> + <td>Descrizione</td> + </tr> + <tr> + <td><code>Node.ATTRIBUTE_NODE</code></td> + <td>2</td> + <td>Un {{domxref("Attr", "Attribute")}} di un {{domxref("Element")}}. Gli attributi non implementano più l'interfaccia {{domxref("Node")}} dal {{SpecName("DOM4")}}.</td> + </tr> + <tr> + <td><code>Node.ENTITY_REFERENCE_NODE</code></td> + <td>5</td> + <td>Un nodo di riferimento di entità XML, come <code>&foo;</code>. Rimosso nel {{SpecName("DOM4")}}.</td> + </tr> + <tr> + <td><code>Node.ENTITY_NODE</code></td> + <td>6</td> + <td>Un nodo XML <code><!ENTITY …></code>. Rimosso nel {{SpecName("DOM4")}}.</td> + </tr> + <tr> + <td><code>Node.NOTATION_NODE</code></td> + <td>12</td> + <td>Un nodo XML <code><!NOTATION …></code>. Rimosso nel {{SpecName("DOM4")}}.</td> + </tr> + </tbody> +</table> + +<h2 id="Esempi">Esempi</h2> + +<h3 id="Diversi_tipi_di_nodi">Diversi tipi di nodi</h3> + +<pre class="brush: js">document.nodeType === Node.DOCUMENT_NODE; // true +document.doctype.nodeType === Node.DOCUMENT_TYPE_NODE; // true + +document.createDocumentFragment().nodeType === Node.DOCUMENT_FRAGMENT_NODE; // true + +var p = document.createElement("p"); +p.textContent = "Once upon a time…"; + +p.nodeType === Node.ELEMENT_NODE; // true +p.firstChild.nodeType === Node.TEXT_NODE; // true +</pre> + +<h3 id="Commenti">Commenti</h3> + +<p>Questo esempio controlla se il primo nodo all'interno dell'elemento del documento è un commento e visualizza un messaggio in caso contrario.</p> + +<pre class="brush: js">var node = document.documentElement.firstChild; +if (node.nodeType !== Node.COMMENT_NODE) { + console.warn("Dovresti commentare il tuo codice!"); +} +</pre> + +<h2 id="Specifiche">Specifiche</h2> + +<table class="standard-table"> + <thead> + <tr> + <th scope="col">Specifica</th> + <th scope="col">Stato</th> + <th scope="col">Commento</th> + </tr> + </thead> + <tbody> + <tr> + <td>{{SpecName('DOM WHATWG', '#dom-node-nodetype', 'Node.nodeType')}}</td> + <td>{{Spec2('DOM WHATWG')}}</td> + <td>Deprecated <code>ATTRIBUTE_NODE</code>, <code>ENTITY_REFERENCE_NODE</code> and <code>NOTATION_NODE</code> types.</td> + </tr> + <tr> + <td>{{SpecName('DOM3 Core', 'core.html#ID-1950641247', 'Node.nodeType')}}</td> + <td>{{Spec2('DOM3 Core')}}</td> + <td>Nessun cambiamento.</td> + </tr> + <tr> + <td>{{SpecName('DOM2 Core', 'core.html#ID-111237558', 'Node.nodeType')}}</td> + <td>{{Spec2('DOM2 Core')}}</td> + <td>Nessun cambiamento.</td> + </tr> + <tr> + <td>{{SpecName('DOM1', 'level-one-core.html#ID-111237558', 'Node.nodeType')}}</td> + <td>{{Spec2('DOM1')}}</td> + <td>Definizione iniziale.</td> + </tr> + </tbody> +</table> + +<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2> + + + +<p>{{Compat("api.Node.nodeType")}}</p> diff --git a/files/it/web/api/node/nodevalue/index.html b/files/it/web/api/node/nodevalue/index.html new file mode 100644 index 0000000000..6eef21baad --- /dev/null +++ b/files/it/web/api/node/nodevalue/index.html @@ -0,0 +1,76 @@ +--- +title: element.nodeValue +slug: Web/API/Node/nodeValue +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/Node/nodeValue +original_slug: Web/API/Element/nodeValue +--- +<p>{{ ApiRef() }}</p> +<h3 id="Sommario" name="Sommario">Sommario</h3> +<p>Restituisce il valore del nodo corrente.</p> +<h3 id="Sintassi" name="Sintassi">Sintassi</h3> +<pre class="eval"><em>valore</em> = document.nodeValue +</pre> +<p><code>valore</code> è una stringa contenente il valore del nodo corrente, se esiste.</p> +<h3 id="Note" name="Note">Note</h3> +<p>La proprietà <code>nodeValue</code> dell'intero documento, restituisce <code>null</code>. Per un nodo di tipo testo, commento o CDATA, <code>nodeValue</code> restituisce il contenuto del nodo. Per i nodi attributo, restituisce il valore dell'attributo.</p> +<p>La tabella seguente mostra i valori restituiti per i vari tipi di elementi:</p> +<table> + <tbody> + <tr> + <td>Attr</td> + <td>il valore dell'attributo</td> + </tr> + <tr> + <td>CDATASection</td> + <td>il contenuto della sezione CDATA</td> + </tr> + <tr> + <td>Comment</td> + <td>il commento</td> + </tr> + <tr> + <td>Document</td> + <td>null</td> + </tr> + <tr> + <td>DocumentFragment</td> + <td>null</td> + </tr> + <tr> + <td>DocumentType</td> + <td>null</td> + </tr> + <tr> + <td>Element</td> + <td>null</td> + </tr> + <tr> + <td>NamedNodeMap</td> + <td>null</td> + </tr> + <tr> + <td>EntityReference</td> + <td>null</td> + </tr> + <tr> + <td>Notation</td> + <td>null</td> + </tr> + <tr> + <td>ProcessingInstruction</td> + <td>l'intero contenuto, escluso il target</td> + </tr> + <tr> + <td>Text</td> + <td>il contenuto del nodo testo</td> + </tr> + </tbody> +</table> +<p>Quando <code>nodeValue</code> è impostato a <code>null</code>, reimpostarlo non ha alcun effetto.</p> +<h3 id="Specifiche" name="Specifiche">Specifiche</h3> +<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-F68D080">nodeValue </a></p> diff --git a/files/it/web/api/node/parentnode/index.html b/files/it/web/api/node/parentnode/index.html new file mode 100644 index 0000000000..610cc3e5e4 --- /dev/null +++ b/files/it/web/api/node/parentnode/index.html @@ -0,0 +1,62 @@ +--- +title: Node.parentNode +slug: Web/API/Node/parentNode +tags: + - API + - DOM + - Gecko + - Proprietà +translation_of: Web/API/Node/parentNode +original_slug: Web/API/Element/parentNode +--- +<div> +<div>{{APIRef("DOM")}}</div> +</div> + +<p>La proprietà di sola lettura <code><strong>Node.parentNode</strong></code> restituisce il genitore del nodo specificato nell'albero DOM.</p> + +<h2 id="Syntax" name="Syntax">Sintassi</h2> + +<pre class="syntaxbox"><em>parentNode</em> = <em>node</em>.parentNode +</pre> + +<p><code>parentNode</code> è il genitore del nodo corrente. Il genitore di un elemento è un nodo <code>Element</code>, un nodo <code>Document</code>, o un nodo <code>DocumentFragment</code>.</p> + +<h2 id="Example" name="Example">Esempio</h2> + +<pre class="brush:js">if (node.parentNode) { + // rimuovi un nodo dall'albero, a meno che + // non sia già nell'albero + node.parentNode.removeChild(node); +}</pre> + +<h2 id="Notes" name="Notes">Note</h2> + +<p>I <a href="/it/docs/Web/API/Element/nodeType">nodi</a> <code>Document</code> e <code>DocumentFragment</code> non possono mai avere un genitore, quindi <code>parentNode</code> ritornerà sempre <code>null</code>.</p> + +<p>Restituisce anche <code>null</code> se il nodo è appena stato creato e non è ancora collegato all'albero.</p> + +<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2> + + + +<p>{{Compat("api.Node.parentNode")}}</p> + +<h2 id="Specification" name="Specification">Specifiche</h2> + +<ul> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-1060184317">DOM Level 2 Core: Node.parentNode</a></li> + <li><a class="external" href="http://www.w3.org/TR/DOM-Level-3-Core/core.html#ID-1060184317">DOM Level 3 Core: Node.parentNode</a></li> +</ul> + +<h2 id="See_also" name="See_also">Vedi anche</h2> + +<ul> + <li>{{Domxref("Node.firstChild")}}</li> + <li>{{Domxref("Node.lastChild")}}</li> + <li>{{Domxref("Node.childNodes")}}</li> + <li>{{Domxref("Node.nextSibling")}}</li> + <li>{{Domxref("Node.parentElement")}}</li> + <li>{{Domxref("Node.previousSibling")}}</li> + <li>{{Domxref("Node.removeChild")}}</li> +</ul> diff --git a/files/it/web/api/node/prefix/index.html b/files/it/web/api/node/prefix/index.html new file mode 100644 index 0000000000..fd7646c066 --- /dev/null +++ b/files/it/web/api/node/prefix/index.html @@ -0,0 +1,27 @@ +--- +title: element.prefix +slug: Web/API/Node/prefix +tags: + - DOM + - Gecko + - Reference_del_DOM_di_Gecko + - Tutte_le_categorie +translation_of: Web/API/Node/prefix +original_slug: Web/API/Element/prefix +--- +<p>{{ ApiRef() }}</p> +<h3 id="Sommario" name="Sommario">Sommario</h3> +<p>Restituisce il namespace del nodo, oppure <code>null</code> se il nodo non ha alcun prefisso.</p> +<h3 id="Sintassi" name="Sintassi">Sintassi</h3> +<pre class="eval"><i>stringa</i> = element.prefix +element.prefix =<i>stringa</i> +</pre> +<h3 id="Esempi" name="Esempi">Esempi</h3> +<p>Il seguente esempio produce il messaggio "x".</p> +<pre class="eval"><x:div onclick="alert(this.prefix)"/> +</pre> +<h3 id="Note" name="Note">Note</h3> +<p>Questa proprietà funziona solo quando si utilizza un interprete in grado di gestire i namespace, per esempio quando un documento viene presentato con il tipo mime XML. Non funziona invece con i documenti HTML.</p> +<h3 id="Specifiche" name="Specifiche">Specifiche</h3> +<p><a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-NodeNSPrefix">Node.prefix</a> (introdotto in DOM2).</p> +<p>{{ languages( { "en": "en/DOM/element.prefix", "ja": "ja/DOM/element.prefix", "pl": "pl/DOM/element.prefix" } ) }}</p> diff --git a/files/it/web/api/node/textcontent/index.html b/files/it/web/api/node/textcontent/index.html new file mode 100644 index 0000000000..bd2186323e --- /dev/null +++ b/files/it/web/api/node/textcontent/index.html @@ -0,0 +1,139 @@ +--- +title: Node.textContent +slug: Web/API/Node/textContent +tags: + - API + - Command API + - DOM + - Proprietà + - Referenza +translation_of: Web/API/Node/textContent +original_slug: Web/API/Element/textContent +--- +<div>{{APIRef("DOM")}}</div> + +<p>La proprietà <code><strong>textContent</strong></code> dell'interfaccia {{domxref("Node")}} rappresenta il contenuto del testo di un nodo e dei suoi discendenti.</p> + +<div class="blockIndicator note"> +<p><strong>Note:</strong> <code>textContent</code> e {{domxref("HTMLElement.innerText")}} sono facilmente confusi, ma <a href="#Differenze_da_innerText">i due sono diversi in modi molto importanti</a>.</p> +</div> + +<h2 id="Sintassi">Sintassi</h2> + +<pre class="syntaxbox">var <em>text</em> = <em>Node</em>.textContent; +<em>Node</em>.textContent = <em>string</em>; +</pre> + +<h3 id="Valore_di_ritorno">Valore di ritorno</h3> + +<p>Una stringa o <code>null</code>.</p> + +<h2 id="Descrizione">Descrizione</h2> + +<p>Quando ottieni questa proprietà:</p> + +<ul> + <li>Se il nodo è <a href="/en-US/docs/DOM/document">document</a>, <a href="/en-US/docs/Glossary/Doctype">DOCTYPE</a>, o una <a href="/en-US/docs/Web/API/Notation">notation</a>, <code>textContent</code> ritorna <code>null</code>. (Per ottenere tutto il testo e i <a href="/en-US/docs/Web/API/CDATASection">dati CDATA</a> per l'intero documento, si potrebbe usare <code><a href="https://developer.mozilla.org/it/docs/Web/API/Document/documentElement">document.documentElement</a>.textContent</code>.)</li> + <li>Se il nodo è una <a href="/en-US/docs/Web/API/CDATASection">sezione CDATA</a>, un commento, <a href="/en-US/docs/Web/API/ProcessingInstruction">istruzione di elaborazione</a>, o <a href="/en-US/docs/Web/API/Document/createTextNode">nodo di testo</a>, <code>textContent</code> restituisce il testo all'interno del nodo, cioè {{domxref("Node.nodeValue")}}.</li> + <li>Per altri tipi di nodo, <code>textContent</code> restituisce la concatenazione del <code>textContent</code> di ogni nodo figlio, esclusi i commenti e le istruzioni di elaborazione. Questa è una stringa vuota se il nodo non ha figli.</li> +</ul> + +<p>L'impostazione di <code>textContent</code> su un nodo rimuove tutti i figli del nodo e li sostituisce con un singolo nodo di testo con il valore di stringa specificato.</p> + +<h3 id="Differenze_da_innerText">Differenze da innerText</h3> + +<p>Non lasciarti confondere dalle differenze tra <code>Node.textContent</code> e {{domxref("HTMLElement.innerText")}}. Anche se i nomi sembrano simili, ci sono differenze importanti:</p> + +<ul> + <li><code>textContent</code> ottiene il contenuto di tutti gli elementi, compresi gli elementi {{HTMLElement("script")}} e {{HTMLElement("style")}}. Al contrario, <code>innerText</code> mostra solo elementi "leggibili".</li> + <li><code>textContent</code> restituisce ogni elemento nel nodo. Al contrario, <code>innerText</code> è consapevole dello stile e non restituirà il testo di elementi "nascosti". Inoltre, poiché <code>innerText</code> prende in considerazione gli stili CSS, la lettura del valore di <code>innerText</code> aziona un <a href="/it/docs/Glossary/Reflow">reflow</a> per garantire stili aggiornati. (I reflow possono essere computazionalmente costosi, e quindi dovrebbero essere evitati quando possibile.)</li> + <li>A differenza di <code>textContent</code>, la modifica di <code>innerText</code> in Internet Explorer (versione 11 e inferiore) rimuove i nodi figlio dall'elemento e <em>distrugge in modo permanente</em> tutti i nodi di testo discendenti. È impossibile inserire nuovamente i nodi in qualsiasi altro elemento o nello stesso elemento.</li> +</ul> + +<h3 id="Differenze_da_innerHTML">Differenze da innerHTML</h3> + +<p>{{domxref("Element.innerHTML")}} restituisce HTML, come indica il nome. A volte le persone usano <code>innerHTML</code> per recuperare o scrivere testo all'interno di un elemento, ma <code>textContent</code> ha prestazioni migliori perché il suo valore non viene analizzato come HTML. Inoltre, l'utilizzo di <code>textContent</code> può impedire <a href="/en-US/docs/Glossary/Cross-site_scripting">gli attacchi XSS</a>.</p> + +<h2 id="Esempi">Esempi</h2> + +<p>Dato questo codice HTML:</p> + +<pre class="brush: html"><div id="divA">Questo è <span>un</span> testo!</div></pre> + +<p>...puoi usare <code>textContent</code> per ottenere il contenuto del testo dell'elemento:</p> + +<pre class="brush: js">let text = document.getElementById('divA').textContent; +// La variabile text è ora: "Questo è un testo!"</pre> + +<p>...o imposta il contenuto del testo dell'elemento:</p> + +<pre class="brush: js">document.getElementById('divA').textContent = 'Questo testo è diverso!'; +// L'HTML per divA è ora: +// <div id="divA">Questo testo è diverso!</div> +</pre> + +<h2 id="Polyfill_per_IE8">Polyfill per IE8</h2> + +<pre class="brush: js">// Source: Eli Grey @ https://eligrey.com/blog/post/textcontent-in-ie8 +if (Object.defineProperty + && Object.getOwnPropertyDescriptor + && Object.getOwnPropertyDescriptor(Element.prototype, "textContent") + && !Object.getOwnPropertyDescriptor(Element.prototype, "textContent").get) { + (function() { + var innerText = Object.getOwnPropertyDescriptor(Element.prototype, "innerText"); + Object.defineProperty(Element.prototype, "textContent", + // Passare innerText o innerText.get direttamente non funziona, + // è richiesta la funzione wrapper. + { + get: function() { + return innerText.get.call(this); + }, + set: function(s) { + return innerText.set.call(this, s); + } + } + ); + })(); +} +</pre> + +<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2> + + + +<p>{{Compat("api.Node.textContent")}}</p> + +<h2 id="Specifiche">Specifiche</h2> + +<table class="spectable standard-table"> + <tbody> + <tr> + <th scope="col">Specifica</th> + <th scope="col">Stato</th> + <th scope="col">Commento</th> + </tr> + <tr> + <td>{{SpecName('DOM WHATWG','#dom-node-textcontent','Node.textContent')}}</td> + <td>{{Spec2('DOM WHATWG')}}</td> + <td>Nessun cambiamento vs. DOM4</td> + </tr> + <tr> + <td>{{SpecName('DOM4','#dom-node-textcontent','Node.textContent')}}</td> + <td>{{Spec2('DOM4')}}</td> + <td></td> + </tr> + <tr> + <td>{{SpecName('DOM3 Core','core.html#Node3-textContent','Node.textContent')}}</td> + <td>{{Spec2('DOM3 Core')}}</td> + <td>Introdotto</td> + </tr> + </tbody> +</table> + +<h2 id="Vedi_anche">Vedi anche</h2> + +<ul> + <li>{{domxref("HTMLElement.innerText")}}</li> + <li>{{domxref("Element.innerHTML")}}</li> + <li><a href="http://perfectionkills.com/the-poor-misunderstood-innerText/">Maggiori informazioni sulle differenze tra <code>innerText</code> e <code>textContent</code></a> (blog post)</li> +</ul> |