---
title: HTMLCollection.item
slug: Web/API/HTMLCollection/item
translation_of: Web/API/HTMLCollection/item
---
<div>{{APIRef("HTML DOM")}}</div>

<p><span class="seoSummary">Il metodo {{domxref("HTMLCollection")}} <code>item()</code> restituisce il nodo situato nell'offset specificato nella raccolta.</span></p>

<div class="note">
<p><strong>Note:</strong> Poiché il contenuto di una <code>HTMLCollection</code> è attivo, le modifiche al DOM sottostante possono e causano la modifica della posizione dei singoli nodi nella raccolta, pertanto il valore dell'indice non resterà necessariamente costante per un determinato nodo.</p>
</div>

<h2 id="Sintassi">Sintassi</h2>

<pre class="syntaxbox">var <em>elemento</em> = <em>HTMLCollection</em>.item(<em>index</em>)</pre>

<h3 id="Parametri">Parametri</h3>

<dl>
 <dt><code>index</code></dt>
 <dd>La posizione del {{domxref("Node")}} da restituire. Gli elementi appaiono in una <code>HTMLCollection</code> nello stesso ordine in cui appaiono nella fonte del documento.</dd>
</dl>

<h3 id="Valore_di_ritorno">Valore di ritorno</h3>

<p>Il {{domxref("Node")}} nell'indice specificato, o <code>null</code> se <code>index</code> è minore di zero o maggiore o uguale alla proprietà length.</p>

<h2 id="Note_di_utilizzo">Note di utilizzo</h2>

<p>Il metodo <code>item()</code> estituisce un elemento numerato da una <code>HTMLCollection</code>. In JavaScript, è più semplice trattare <code>HTMLCollection</code> come una matrice e indicizzarla mediante la notazione degli array. Vedi l'{{anch ("Esempio", "esempio")}} sotto.</p>

<h2 id="Esempio">Esempio</h2>

<pre class="brush: js">var c = document.images;  // Questa è una HTMLCollection
var img0 = c.item(0);     // Puoi usare il metodo item() in questo modo
var img1 = c[1];          // Ma questa notazione è più facile e più comune
</pre>

<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2>



<p>{{Compat("api.HTMLCollection.item")}}</p>

<h2 id="Guarda_anche">Guarda anche</h2>

<ul>
 <li>{{domxref("NodeList.item()")}}</li>
</ul>