diff options
author | Ryan Johnson <rjohnson@mozilla.com> | 2021-04-29 16:16:42 -0700 |
---|---|---|
committer | GitHub <noreply@github.com> | 2021-04-29 16:16:42 -0700 |
commit | 95aca4b4d8fa62815d4bd412fff1a364f842814a (patch) | |
tree | 5e57661720fe9058d5c7db637e764800b50f9060 /files/it/web/api/nodelist/index.html | |
parent | ee3b1c87e3c8e72ca130943eed260ad642246581 (diff) | |
download | translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.tar.gz translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.tar.bz2 translated-content-95aca4b4d8fa62815d4bd412fff1a364f842814a.zip |
remove retired locales (#699)
Diffstat (limited to 'files/it/web/api/nodelist/index.html')
-rw-r--r-- | files/it/web/api/nodelist/index.html | 124 |
1 files changed, 0 insertions, 124 deletions
diff --git a/files/it/web/api/nodelist/index.html b/files/it/web/api/nodelist/index.html deleted file mode 100644 index 4b18f62d63..0000000000 --- a/files/it/web/api/nodelist/index.html +++ /dev/null @@ -1,124 +0,0 @@ ---- -title: NodeList -slug: Web/API/NodeList -tags: - - API - - DOM - - Interfaccia - - NodeList -translation_of: Web/API/NodeList ---- -<div>{{APIRef("DOM")}}</div> - -<p>Gli oggetti <strong><code>NodeList</code></strong> sono un insieme di <a href="https://developer.mozilla.org/it/docs/Glossary/Node/DOM">nodi</a>, di solito restituiti da proprietà come {{domxref("Node.childNodes")}} ed il metodo {{domxref("document.querySelectorAll()")}}.</p> - -<div class="note"> -<p>Nonostante <code>NodeList</code> non sia un <code>Array</code>, è possibile iterare su esso usando <code>forEach()</code>. Può anche essere convertito in un vero <code>Array</code> usando <a href="https://developer.mozilla.org/it/docs/Web/JavaScript/Reference/Global_Objects/Array/from" title="Il metodo Array.from() crea una nuova istanza Array copiata superficialmente da un oggetto simile a un array o iterabile."><code>Array.from()</code></a>.</p> - -<p>Tuttavia, alcuni browser meno recenti non hanno implementato <code>NodeList.forEach()</code> né <code>Array.from()</code>. Questo può essere aggirato usando {{jsxref("Array.forEach()", "Array.prototype.forEach()")}} — vedi <a href="https://developer.mozilla.org/it/docs/Web/API/NodeList#Esempio">l'esempio</a> di questo documento.</p> -</div> - -<p>In alcuni casi, la <code>NodeList</code> è <em>dinamica</em>, ciò significa che i cambiamenti nel DOM si riflettono sulla collezione. Per esempio, {{domxref("Node.childNodes")}} è dinamico:</p> - -<pre class="brush: js">var parent = document.getElementById('parent'); -var child_nodes = parent.childNodes; -console.log(child_nodes.length); // assume "2" -parent.appendChild(document.createElement('div')); -console.log(child_nodes.length); // dovrebbe produrre "3" -</pre> - -<p>In altri casi, la <code>NodeList</code> è <em>statica, </em>ciò vuol dire che il contenuto della collezione non è influenzato da quelli nel DOM.<em> </em>{{domxref("document.querySelectorAll()")}} restituisce una <code>NodeList</code> statica.</p> - -<p>È bene tenere in mente questa distinzione quando si sceglie di iterare sugli elementi nella <code>NodeList</code>, ed in particolare al modo in cui si salva la lunghezza della lista.</p> - -<h2 id="Proprietà">Proprietà</h2> - -<dl> - <dt>{{domxref("NodeList.length")}}</dt> - <dd>Il numero dei nodi nella <code>NodeList</code>.</dd> -</dl> - -<h2 id="Metodi">Metodi</h2> - -<dl> - <dt>{{domxref("NodeList.item()")}}</dt> - <dd>Restituisce un elemento nell'elenco per il suo indice, o <code>null</code> se l'indice è fuori misura.</dd> - <dd>Un'alternativa all'accesso a <code>nodeList[i]</code> (che invece restituisce <font face="consolas, Liberation Mono, courier, monospace"><span style="background-color: rgba(220, 220, 220, 0.5);">undefined</span></font> quando <code>i</code> è fuori dai limiti). Ciò è utile soprattutto per le implementazioni DOM di linguaggi non JavaScript.</dd> - <dt>{{domxref("NodeList.entries()")}}</dt> - <dd>Ritorna un {{jsxref("Iteration_protocols","iterator")}} che permette al codice di passare attraverso tutte le coppie chiave/valore contenute nella collezione. (In questo caso, le chiavi sono numeri che iniziano da 0 e i valori sono nodi.)</dd> - <dt>{{domxref("NodeList.forEach()")}}</dt> - <dd>Esegue una funzione fornita una volta per elemento <code>NodeList</code> passando l'elemento come argomento alla funzione.</dd> - <dt>{{domxref("NodeList.keys()")}}</dt> - <dd>Ritorna un {{jsxref("Iteration_protocols", "iterator")}} che permette al codice di passare attraverso tutte le chiavi delle coppie chiave/valore contenute nella collezione. (In questo caso, i tasti sono numeri che iniziano da 0).</dd> - <dt>{{domxref("NodeList.values()")}}</dt> - <dd>Ritorna un {{jsxref("Iteration_protocols", "iterator")}} che permette al codice di passare attraverso tutti i valori (nodi) delle coppie chiave/valore contenute nella collezione.</dd> -</dl> - -<h2 id="Esempio">Esempio</h2> - -<p>È possibile iterare sugli elementi in una <code>NodeList</code> usando un <a href="https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Statements/for">for</a> loop:</p> - -<pre class="brush: js">for (var i = 0; i < myNodeList.length; i++) { - var item = myNodeList[i]; // La chiamata myNodeList.item(i) non è necessaria in JavaScript -} -</pre> - -<p><strong>Non utilizzare <code><a href="/en-US/docs/JavaScript/Reference/Statements/for...in" title="JavaScript/ Reference/Statements/for...in">for...in</a></code> o <code><a href="/en-US/docs/JavaScript/Reference/Statements/for_each...in" title="JavaScript/ Reference/Statements/for each...in">for each...in</a></code> per enumerare gli elementi nelle <code>NodeList</code></strong>, poiché enumereranno anche le proprietà <code>length</code> e <code>item</code> e causeranno errori se il tuo script presume che debba occuparsi solo di oggetti {{domxref("element")}}. Inoltre, <code>for..in</code> non garantisce la visita delle proprietà in un particolare ordine.</p> - -<p><code><a href="/en-US/docs/JavaScript/Reference/Statements/for...of" title="/en-US/docs/JavaScript/Reference/Statements/for...of">for...of</a></code> <strong>itererà</strong> sugli oggetti <code>NodeList</code> correttamente:</p> - -<pre class="brush: js">var list = document.querySelectorAll( 'input[type=checkbox]' ); -for (var item of list) { - item.checked = true; -}</pre> - -<p>I browser recenti supportano anche metodi iteratori, {{domxref("NodeList.forEach()", "forEach()")}}, come {{domxref("NodeList.entries()", "entries()")}}, {{domxref("NodeList.values()", "values()")}}, e {{domxref("NodeList.keys()", "keys()")}}.</p> - -<p>Esiste anche un modo compatibile con Internet Explorer {{jsxref("Array.forEach()", "Array.prototype.forEach")}} per l'iterazione.</p> - -<pre class="brush: js">var list = document.querySelectorAll( 'input[type=checkbox]' ); -Array.prototype.forEach.call(list, function (item) { - item.checked = true; -});</pre> - -<h2 id="Specifications" name="Specifications">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', '#interface-nodelist', 'NodeList')}}</td> - <td>{{ Spec2('DOM WHATWG') }}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('DOM3 Core', 'core.html#ID-536297177', 'NodeList')}}</td> - <td>{{ Spec2('DOM3 Core') }}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('DOM2 Core', 'core.html#ID-536297177', 'NodeList')}}</td> - <td>{{ Spec2('DOM2 Core') }}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('DOM1', 'level-one-core.html#ID-536297177', 'NodeList')}}</td> - <td>{{ Spec2('DOM1') }}</td> - <td> - <p>Definizione iniziale.</p> - </td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2> - - - -<p>{{Compat("api.NodeList")}}</p> |