diff options
Diffstat (limited to 'files/it/web/api/document/getelementsbyclassname/index.html')
| -rw-r--r-- | files/it/web/api/document/getelementsbyclassname/index.html | 82 |
1 files changed, 0 insertions, 82 deletions
diff --git a/files/it/web/api/document/getelementsbyclassname/index.html b/files/it/web/api/document/getelementsbyclassname/index.html deleted file mode 100644 index c752bd665d..0000000000 --- a/files/it/web/api/document/getelementsbyclassname/index.html +++ /dev/null @@ -1,82 +0,0 @@ ---- -title: Document.getElementsByClassName() -slug: Web/API/Document/getElementsByClassName -translation_of: Web/API/Document/getElementsByClassName ---- -<p id="Summary">{{APIRef("DOM")}}</p> - -<p>Il metodo <strong><code>getElementsByClassName</code></strong> dell'interfaccia {{domxref("Document")}} restituisce un array-like object di tutti gli elementi figli che hanno le classi specificate. Quando viene richiamato sull'oggetto {{domxref("document")}}, viene eseguita la ricerca del documento completo, incluso il nodo radice. Puoi anche usare {{domxref("Element.getElementsByClassName", "getElementsByClassName()")}} su qualsiasi elemento; restituirà solo gli elementi che sono discendenti dell'elemento radice specificato con le classi fornite.</p> - -<h2 id="Syntax" name="Syntax">Sintassi</h2> - -<pre class="syntaxbox"><var>var elementi </var>= document.getElementsByClassName(<em>nomi</em>); // oppure: -<var>var elementi </var>= rootElement.getElementsByClassName(<em>nomi</em>);</pre> - -<ul> - <li><var>elements</var> è una {{domxref("HTMLCollection")}} dinamica degli elementi trovati.</li> - <li><var>nomi </var>è una stringa che rappresenta l'elenco di nomi di classi da abbinare; le classi sono separate da spazi bianchi</li> - <li>getElementsByClassName può essere chiamato su qualsiasi elemento, non solo sul documento. L'elemento su cui è chiamato verrà utilizzato come radice della ricerca.</li> -</ul> - -<h2 id="Examples" name="Examples">Esempi</h2> - -<p>Ottenere tutti gli elementi che hanno una come classe 'test':</p> - -<pre class="brush: js">document.getElementsByClassName('test')</pre> - -<p>Ottenere tutti gli elementi che hanno entrambe le classi 'red' e 'test':</p> - -<pre class="brush: js">document.getElementsByClassName('red test')</pre> - -<p>Ottenere tutti gli elementi che hanno una classe di 'test', all'interno di un elemento che ha l'ID di 'main':</p> - -<pre class="brush: js">document.getElementById('main').getElementsByClassName('test')</pre> - -<p>Ottenere il primo elemento con classe 'test' o indefinito se non ci sono elementi corrispondenti:</p> - -<pre class="brush: js">document.getElementsByClassName('test')[0] -</pre> - -<p>Possiamo anche utilizzare il metodo Array.prototype su qualsiasi {{domxref("HTMLCollection")}} passando la <code>HTMLCollection</code> come il valore <em>this</em>. Qui troveremo tutti gli elementi div che hanno come classe 'test':</p> - -<pre class="brush: js">var testElements = document.getElementsByClassName('test'); -var testDivs = Array.prototype.filter.call(testElements, function(testElement){ - return testElement.nodeName === 'DIV'; -});</pre> - -<h2 id="Ottenere_il_primo_elemento_la_cui_classe_è_'test'">Ottenere il primo elemento la cui classe è 'test'</h2> - -<p>Questo è il metodo di operazione più comunemente usato.</p> - -<pre><html> -<body> - <div id="parent-id"> - <p>hello world 1</p> - <p class="test">hello world 2</p> - <p>hello world 3</p> - <p>hello world 4</p> - </div> - - <script> - var parentDOM = document.getElementById("parent-id"); - - var test = parentDOM.getElementsByClassName("test"); // una lista di elementi corrispondenti, *non* l'elemento stesso - console.log(test); //HTMLCollection[1] - - var testTarget = parentDOM.getElementsByClassName("test")[0]; // il primo elemento, come volevamo - console.log(testTarget); //<p class="test">hello world 2</p> - </script> -</body> -</html></pre> - -<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2> - - - -<p>{{Compat("api.Document.getElementsByClassName")}}</p> - -<h2 id="Specification" name="Specification">Specifiche</h2> - -<ul> - <li><a href="https://dvcs.w3.org/hg/domcore/raw-file/tip/Overview.html#dom-document-getelementsbyclassname" title="https://dvcs.w3.org/hg/domcore/raw-file/tip/Overview.html#dom-document-getelementsbyclassname"><span class="external">W3C: getElementsByClassName</span></a></li> -</ul> |