initial commit

1 files changed, 82 insertions, 0 deletions

diff --git a/files/it/web/api/document/getelementsbyclassname/index.html b/files/it/web/api/document/getelementsbyclassname/index.html
new file mode 100644
index 0000000000..c752bd665d
--- /dev/null
+++ b/files/it/web/api/document/getelementsbyclassname/index.html
@@ -0,0 +1,82 @@
+---
+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>&lt;html&gt;
+&lt;body&gt;
+    &lt;div id="parent-id"&gt;
+        &lt;p&gt;hello world 1&lt;/p&gt;
+        &lt;p class="test"&gt;hello world 2&lt;/p&gt;
+        &lt;p&gt;hello world 3&lt;/p&gt;
+        &lt;p&gt;hello world 4&lt;/p&gt;
+    &lt;/div&gt;
+
+    &lt;script&gt;
+        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); //&lt;p class="test"&gt;hello world 2&lt;/p&gt;
+    &lt;/script&gt;
+&lt;/body&gt;
+&lt;/html&gt;</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>