diff options
Diffstat (limited to 'files/it/web/api/document')
32 files changed, 0 insertions, 2337 deletions
diff --git a/files/it/web/api/document/anchors/index.html b/files/it/web/api/document/anchors/index.html deleted file mode 100644 index 2b7261420d..0000000000 --- a/files/it/web/api/document/anchors/index.html +++ /dev/null @@ -1,31 +0,0 @@ ---- -title: document.anchors -slug: Web/API/Document/anchors -translation_of: Web/API/Document/anchors ---- -<div>{{APIRef("DOM")}}</div> - -<p><code>anchors</code> restituisce un Array contenente tutte le ancore presenti nel documento.</p> - -<h3 id="Sintassi" name="Sintassi">Sintassi</h3> - -<pre class="eval"><i>nodeList</i> = document.anchors -</pre> - -<h3 id="Esempio" name="Esempio">Esempio</h3> - -<pre class="eval">if ( document.anchors.length >= 5 ) { - dump("Ho trovato troppe ancore"); - window.location = "http<span class="nowiki">:</span>//www.google.com"; -} -</pre> - -<h3 id="Note" name="Note">Note</h3> - -<p>Per ragioni di compatibilità all'indietro, l'array restituito contiene solo le ancore che hanno un attributo <code>name</code> e non quelle che hanno solo l'attributo <code>id</code>.</p> - -<h3 id="Specifiche" name="Specifiche">Specifiche</h3> - -<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-7577272">DOM Level 2 HTML: anchors</a></p> - -<p>{{ languages( { "ja": "ja/DOM/document.anchors", "pl": "pl/DOM/document.anchors" } ) }}</p> diff --git a/files/it/web/api/document/applets/index.html b/files/it/web/api/document/applets/index.html deleted file mode 100644 index 47328fbe65..0000000000 --- a/files/it/web/api/document/applets/index.html +++ /dev/null @@ -1,25 +0,0 @@ ---- -title: document.applets -slug: Web/API/Document/applets -translation_of: Web/API/Document/applets ---- -<div>{{APIRef("DOM")}}</div> - -<p><code>applets</code> restituisce un array contenente le applet presenti nel documento.</p> - -<h3 id="Sintassi" name="Sintassi">Sintassi</h3> - -<pre class="eval"><i>nodeList</i> = document.applets -</pre> - -<h3 id="Esempio" name="Esempio">Esempio</h3> - -<pre class="eval">// ( voglio la seconda applet ) -la_mia_applet_java = document.applets[1]; -</pre> - -<h3 id="Specifiche" name="Specifiche">Specifiche</h3> - -<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-85113862">DOM Level 2 HTML: applets</a></p> - -<p>{{ languages( { "pl": "pl/DOM/document.applets" } ) }}</p> diff --git a/files/it/web/api/document/body/index.html b/files/it/web/api/document/body/index.html deleted file mode 100644 index e13f8e1400..0000000000 --- a/files/it/web/api/document/body/index.html +++ /dev/null @@ -1,88 +0,0 @@ ---- -title: Document.body -slug: Web/API/Document/body -tags: - - API - - DOM - - HTML DOM - - Proprietà - - Referenza -translation_of: Web/API/Document/body ---- -<div>{{APIRef("DOM")}}</div> - -<p>La proprietà <strong><code>Document.body</code></strong> rappresenta il nodo {{HTMLElement("body")}} o {{HTMLElement("frameset")}} del documento corrente, o <code>null</code> se non esiste alcun elemento di questo tipo.</p> - -<h2 id="Sintassi">Sintassi</h2> - -<pre class="syntaxbox">var <var>objRef</var> = document.body; -document.body = <var>objRef</var>;</pre> - -<h2 id="Esempio">Esempio</h2> - -<pre class="brush:js">// Dato questo HTML: <body id="oldBodyElement"></body> -alert(document.body.id); // "oldBodyElement" - -var aNewBodyElement = document.createElement("body"); - -aNewBodyElement.id = "newBodyElement"; -document.body = aNewBodyElement; -alert(document.body.id); // "newBodyElement" -</pre> - -<h2 id="Appunti">Appunti</h2> - -<p><code>document.body</code> è l'elemento che contiene il contenuto per il documento. Nei documenti con contenuto <code><body></code> restituisce l'elemento <code><body></code>, e nei documenti frameset, restituisce l'elemento <code><frameset></code> più esterno.</p> - -<p>Anche se <code>body</code> è settabile, l'impostazione di un nuovo corpo su un documento rimuoverà efficacemente tutti i figli attuali dell'elemento <code><body></code>.</p> - -<h2 id="Specifiche">Specifiche</h2> - -<table class="spectable 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('HTML WHATWG','dom.html#dom-document-body','Document.body')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('HTML5.1','dom.html#dom-document-body','Document.body')}}</td> - <td>{{Spec2('HTML5.1')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('HTML5 W3C','dom.html#dom-document-body','Document.body')}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('DOM2 HTML','html.html#ID-56360201','Document.body')}}</td> - <td>{{Spec2('DOM2 HTML')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('DOM1','level-one-html.html#attribute-body','Document.body')}}</td> - <td>{{Spec2('DOM1')}}</td> - <td>Definizione iniziale.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2> - - - -<div>{{Compat("api.Document.body")}}</div> - -<h2 id="Vedi_anche">Vedi anche</h2> - -<ul> - <li>{{domxref("document.head")}}</li> -</ul> diff --git a/files/it/web/api/document/characterset/index.html b/files/it/web/api/document/characterset/index.html deleted file mode 100644 index e2062ac971..0000000000 --- a/files/it/web/api/document/characterset/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: document.characterSet -slug: Web/API/Document/characterSet -translation_of: Web/API/Document/characterSet ---- -<div>{{APIRef("DOM")}}</div> - -<p>Restituisce la codifica dei caratteri utilizzata per il documento corrente.</p> - -<h3 id="Sintassi" name="Sintassi">Sintassi</h3> - -<pre class="eval"><i>stringa</i> = document.characterSet -</pre> - -<h3 id="Esempio" name="Esempio">Esempio</h3> - -<pre class="eval"><button onclick="alert(document.characterSet);" ->Mostra il set di caratteri</button> -// restituisce il set di caratteri, come "ISO-8859-1" o "UTF-8" -</pre> - -<h3 id="Note" name="Note">Note</h3> - -<p>La codifica dei caratteri è il set di caratteri utilizzato per visualizzare il documento, che potrebbe essere differente dalla codifica specificata nella pagina (l'utente può reimpostare la codifica da utilizzare).</p> - -<p>Per un elenco completo delle codifiche, si veda: <a class="external" href="http://www.iana.org/assignments/character-sets" rel="freelink">http://www.iana.org/assignments/character-sets</a>.</p> - -<h3 id="Specifiche" name="Specifiche">Specifiche</h3> - -<p>DOM Level 0. Non è parte di alcuno standard.</p> - -<p>{{ languages( { "pl": "pl/DOM/document.characterSet" } ) }}</p> diff --git a/files/it/web/api/document/close/index.html b/files/it/web/api/document/close/index.html deleted file mode 100644 index bc86c7bacc..0000000000 --- a/files/it/web/api/document/close/index.html +++ /dev/null @@ -1,27 +0,0 @@ ---- -title: document.close -slug: Web/API/Document/close -translation_of: Web/API/Document/close ---- -<div>{{APIRef("DOM")}}</div> - -<p><code>document.close()</code> termina la scrittura su un documento che è stato aperto con <a href="it/DOM/document.open">document.open()</a>.</p> - -<h3 id="Sintassi" name="Sintassi">Sintassi</h3> - -<pre class="eval">document.close(); -</pre> - -<h3 id="Esempio" name="Esempio">Esempio</h3> - -<pre>// apro un documento per scrivervi sopra; -// scrivo il contenuto sul documento; -// chiudo il documento. -document.open(); -document.write("<p>Testo da inserire...</p>"); -document.close(); -</pre> - -<h3 id="Specifiche" name="Specifiche">Specifiche</h3> - -<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-98948567">DOM Level 2 HTML: <code>close()</code> Method</a></p> diff --git a/files/it/web/api/document/createelement/index.html b/files/it/web/api/document/createelement/index.html deleted file mode 100644 index 649ba72fb3..0000000000 --- a/files/it/web/api/document/createelement/index.html +++ /dev/null @@ -1,139 +0,0 @@ ---- -title: Document.createElement() -slug: Web/API/Document/createElement -tags: - - API - - DOM - - Document - - Referenza - - createElement - - metodo -translation_of: Web/API/Document/createElement ---- -<div>{{APIRef("DOM")}}</div> - -<p><span class="seoSummary">In un documento <a href="/en-US/docs/Web/HTML">HTML</a>, il metodo <strong><code>document.createElement()</code></strong> crea l'elemento HTML specificato da <var>tagName</var> o un {{domxref("HTMLUnknownElement")}} se <var>tagName</var> non viene riconosciuto.</span></p> - -<div class="note"> -<p><strong>Note</strong>: In un documento <a href="/en-US/docs/Mozilla/Tech/XUL">XUL</a>, crea l'elemento XUL specificato. In altri documenti, crea un elemento con un URI namespace <code>null</code>.</p> -</div> - -<h2 id="Sintassi">Sintassi</h2> - -<pre class="brush: js">var <var>element</var> = <var>document</var>.createElement(<var>tagName</var>[, <var>options</var>]); -</pre> - -<h3 id="Parametri">Parametri</h3> - -<dl> - <dt><var>tagName</var></dt> - <dd>Una stringa che specifica il tipo di elemento da creare. Il {{domxref("Node.nodeName", "nodeName")}} dell'elemento creato viene inizializzato con il valore di <var>tagName</var>. Non utilizzare nomi qualificati (come "html:a") con questo metodo. Quando chiamato su un documento HTML, <code>createElement()</code> converte <var>tagName</var> in minuscolo prima di creare l'elemento. In Firefox, Opera e Chrome, <code>createElement(null)</code> funziona come <code>createElement("null")</code>.</dd> - <dt><var>options</var>{{optional_inline}}</dt> - <dd>Un oggetto <code>ElementCreationOptions</code> opzionale contenente una singola proprietà denominata <code>is</code>, il cui valore è il nome del tag per un elemento personalizzato precedentemente definito utilizzando <code>customElements.define()</code>. Vedi {{anch("Esempio di componente Web")}} per ulteriori dettagli.</dd> -</dl> - -<h3 id="Valore_di_ritorno">Valore di ritorno</h3> - -<p>Il nuovo {{domxref("Element")}}.</p> - -<h2 id="Esempi">Esempi</h2> - -<h3 id="Esempio_basilare">Esempio basilare</h3> - -<p>Questo crea un nuovo <code><div></code> e lo inserisce prima dell'elemento con l'ID "<code>div1</code>".</p> - -<h4 id="HTML">HTML</h4> - -<pre class="brush:html"><!DOCTYPE html> -<html> -<head> - <title>||Lavorare con gli elementi||</title> -</head> -<body> - <div id="div1">Il testo sopra è stato creato dinamicamente.</div> -</body> -</html> -</pre> - -<h4 id="JavaScript">JavaScript</h4> - -<pre class="brush:js">document.body.onload = addElement; - -function addElement() { - // crea un nuovo elemento div - var newDiv = document.createElement("div"); - // ed assegnargli un contenuto - var newContent = document.createTextNode("Hi there and greetings!"); - // aggiungi il nodo di testo al div appena creato - newDiv.appendChild(newContent); - - // aggiungi l'elemento appena creato e il suo contenuto nel DOM - var currentDiv = document.getElementById("div1"); - document.body.insertBefore(newDiv, currentDiv); -}</pre> - -<p>{{EmbedLiveSample("Esempio_basilare", 500, 50)}}</p> - -<h3 id="Esempio_di_componente_Web">Esempio di componente Web</h3> - -<p>Il seguente frammento di esempio è tratto dal nostro esempio di componente di espansione list-web (vedi anche live). In questo caso, il nostro elemento personalizzato estende {{domxref("HTMLUListElement")}}, che rappresenta l'elemento {{htmlelement("ul")}}.</p> - -<pre class="brush: js">// Crea una classe per l'elemento -class ExpandingList extends HTMLUListElement { - constructor() { - // Chiama sempre super prima nel costruttore - super(); - - // definizione del costruttore lasciata fuori per brevità - ... - } -} - -// Definisce il nuovo elemento -customElements.define('expanding-list', ExpandingList, { extends: "ul" });</pre> - -<p>Se volessimo creare un'istanza di questo elemento a livello di codice, utilizzeremmo una chiamata seguendo le linee seguenti:</p> - -<pre class="brush: js">let expandingList = document.createElement('ul', { is : 'expanding-list' })</pre> - -<p>Al nuovo elemento verrà assegnato un attributo <code><a href="/en-US/docs/Web/HTML/Global_attributes/is">is</a></code> il cui valore è il nome del tag dell'elemento personalizzato.</p> - -<div class="note"> -<p><strong>Note</strong>: Per la retrocompatibilità con le versioni precedenti della <a href="https://www.w3.org/TR/custom-elements/">specifica Elementi personalizzati</a>, alcuni browser ti permetteranno di passare una stringa qui invece di un oggetto, dove il valore della stringa è il nome del tag dell'elemento personalizzato.</p> -</div> - -<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-document-createelement", "Document.createElement")}}</td> - <td>{{Spec2('DOM WHATWG')}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2> - - - -<p>{{Compat("api.Document.createElement")}}</p> - -<h2 id="See_also" name="See_also">Vedi anche</h2> - -<ul> - <li>{{domxref("Node.removeChild()")}}</li> - <li>{{domxref("Node.replaceChild()")}}</li> - <li>{{domxref("Node.appendChild()")}}</li> - <li>{{domxref("Node.insertBefore()")}}</li> - <li>{{domxref("Node.hasChildNodes()")}}</li> - <li>{{domxref("document.createElementNS()")}} — per specificare esplicitamente l'URI namespace per l'elemento.</li> -</ul> diff --git a/files/it/web/api/document/createrange/index.html b/files/it/web/api/document/createrange/index.html deleted file mode 100644 index 6c78f471f3..0000000000 --- a/files/it/web/api/document/createrange/index.html +++ /dev/null @@ -1,30 +0,0 @@ ---- -title: document.createRange -slug: Web/API/Document/createRange -translation_of: Web/API/Document/createRange ---- -<div>{{APIRef("DOM")}}</div> - -<p>Restituisce un nuovo oggetto <code><a href="it/DOM/range">Range</a></code>.</p> - -<h3 id="Sintassi" name="Sintassi">Sintassi</h3> - -<pre class="eval"><var>range</var> = <var>document</var>.createRange(); -</pre> - -<p><code>range</code> è l'oggetto <a href="it/DOM/range">range</a> creato.</p> - -<h3 id="Esempio" name="Esempio">Esempio</h3> - -<pre class="eval">var range = document.createRange(); -range.setStart(startNode, startOffset); -range.setEnd(endNode, endOffset); -</pre> - -<h3 id="Note" name="Note">Note</h3> - -<p>Una volta che un <code>Range</code> è stato creato, occorre impostare il punto iniziale e quello finale prima di poter utilizzare la maggior parte dei suoi metodi.</p> - -<h3 id="Specifiche" name="Specifiche">Specifiche</h3> - -<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Traversal-Range/ranges.html#Level2-DocumentRange-method-createRange">DOM Level 2 Range: DocumentRange.createRange</a></p> diff --git a/files/it/web/api/document/defaultview/index.html b/files/it/web/api/document/defaultview/index.html deleted file mode 100644 index 46f9ef20c0..0000000000 --- a/files/it/web/api/document/defaultview/index.html +++ /dev/null @@ -1,27 +0,0 @@ ---- -title: document.defaultView -slug: Web/API/Document/defaultView -translation_of: Web/API/Document/defaultView ---- -<div>{{APIRef("DOM")}}</div> - -<p><b>document.defaultView</b> restituisce un riferimento all'<a class="external" href="http://www.w3.org/TR/DOM-Level-2-Views/views.html#Views-AbstractView">AbstractView</a> predefinita del documento, oppure <code>null</code> se non ne esiste una.</p> - -<h3 id="Sintassi" name="Sintassi">Sintassi</h3> - -<pre class="eval">var vista = document.defaultView; -</pre> - -<p>Questa proprietà è di sola lettura.</p> - -<h3 id="Note" name="Note">Note</h3> - -<p><code>document.defaultView</code> fa parte dell'interfaccia <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Views/views.html#Views-DocumentView">DocumentView</a> del DOM Level 2.</p> - -<p><code>document.defaultView</code> generalmente è un riferimento all'oggetto <a href="it/DOM/window">window</a> del documento, però questo non è definito nella specifica è non può essere dato per scontato in ogni tipo di ambiente, o più precisamente in ogni browser.</p> - -<h3 id="Specifiche" name="Specifiche">Specifiche</h3> - -<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Views/views.html#Views-DocumentView-defaultView">DOM Level 2 defaultView</a></p> - -<p>{{ languages( { "pl": "pl/DOM/document.defaultView" } ) }}</p> diff --git a/files/it/web/api/document/doctype/index.html b/files/it/web/api/document/doctype/index.html deleted file mode 100644 index e9393d19b6..0000000000 --- a/files/it/web/api/document/doctype/index.html +++ /dev/null @@ -1,27 +0,0 @@ ---- -title: document.doctype -slug: Web/API/Document/doctype -translation_of: Web/API/Document/doctype ---- -<div>{{APIRef("DOM")}}</div> - -<p>Restituisce la dichiarazione di tipo di documento (DTD) associata al documento corrente. L'oggetto restituito implementa l'interfaccia <a class="external" href="http://www.w3.org/TR/2000/REC-DOM-Level-2-Core-20001113/core.html#ID-412266927">DocumentType</a>.</p> - -<h3 id="Sintassi" name="Sintassi">Sintassi</h3> - -<pre class="eval"><var>doctype</var> = <var>document</var>.doctype -</pre> - -<p><code>doctype</code> è un proprietà di sola lettura</p> - -<h3 id="Note" name="Note">Note</h3> - -<p>Questa proprietà restituisce <code>null</code> se non vi è alcun DTD associato al documento corrente.</p> - -<p>Lo standard DOM level 2 non permette modifiche alla DTD.</p> - -<h3 id="Specifiche" name="Specifiche">Specifiche</h3> - -<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-B63ED1A31">DOM Level 2 Core: doctype</a></p> - -<p>{{ languages( { "pl": "pl/DOM/document.doctype" } ) }}</p> diff --git a/files/it/web/api/document/documentelement/index.html b/files/it/web/api/document/documentelement/index.html deleted file mode 100644 index e48895b7a0..0000000000 --- a/files/it/web/api/document/documentelement/index.html +++ /dev/null @@ -1,68 +0,0 @@ ---- -title: Document.documentElement -slug: Web/API/Document/documentElement -translation_of: Web/API/Document/documentElement ---- -<div>{{ApiRef("DOM")}}</div> - -<p><strong><code>Document.documentElement</code></strong> ritorna l'{{domxref("Element")}} che è l'elemento principale di {{domxref("document")}} (per esempio, l'elemento {{HTMLElement("html")}} per i documenti HTML).</p> - -<h2 id="Sintassi">Sintassi</h2> - -<pre class="syntaxbox">var <var>element</var> = <var>document</var>.documentElement; -</pre> - -<h2 id="Esempio">Esempio</h2> - -<pre class="brush:js">var rootElement = document.documentElement; -var firstTier = rootElement.childNodes; - -// firstTier è la NodeList dei figli diretti dell'elemento root -for (var i = 0; i < firstTier.length; i++) { - // fare qualcosa con ogni child diretto dell'elemento radice - // come firstTier[i] -}</pre> - -<h2 id="Appunti">Appunti</h2> - -<p>Per qualsiasi documento HTML non vuoto, <code>document.documentElement</code> sarà sempre un elemento {{HTMLElement("html")}}. Per qualsiasi documento XML non vuoto, <code>document.documentElement</code> sarà sempre qualunque elemento sia l'elemento radice del documento.</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-document-documentelement','Document.documentElement')}}</td> - <td>{{Spec2('DOM WHATWG')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('DOM4','#dom-document-documentelement','Document.documentElement')}}</td> - <td>{{Spec2('DOM4')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('DOM3 Core','core.html#ID-87CD092','Document.documentElement')}}</td> - <td>{{Spec2('DOM3 Core')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('DOM2 Core','core.html#ID-87CD092','Document.documentElement')}}</td> - <td>{{Spec2('DOM2 Core')}}</td> - <td> </td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2> - - - -<p>{{Compat("api.Document.documentElement")}}</p> diff --git a/files/it/web/api/document/forms/index.html b/files/it/web/api/document/forms/index.html deleted file mode 100644 index cda3146a42..0000000000 --- a/files/it/web/api/document/forms/index.html +++ /dev/null @@ -1,128 +0,0 @@ ---- -title: Document.forms -slug: Web/API/Document/forms -tags: - - API - - DOM - - Document - - Forms - - HTML DOM - - HTML forms - - Proprietà - - Referenza -translation_of: Web/API/Document/forms ---- -<p><span class="seoSummary">La proprietà di sola lettura <strong><code>forms</code></strong> dell'interfaccia {{domxref("Document")}} restituisce una {{domxref("HTMLCollection")}} che elenca tutti gli elementi {{HTMLElement("form")}} contenuti nel documento.</span></p> - -<div class="note"> -<p><strong>Note:</strong> Allo stesso modo, è possibile accedere a un elenco di elementi di input utente di un modulo utilizzando la proprietà {{domxref("HTMLFormElement.elements")}}.</p> -</div> - -<h2 id="Syntax" name="Syntax">Sintassi</h2> - -<pre class="syntaxbox"><var>collection</var> = <em>document</em>.forms;</pre> - -<h3 id="Valore">Valore</h3> - -<p>Un oggetto {{domxref("HTMLCollection")}} che elenca tutti i form del documento. Ogni elemento della collezione è un {{domxref("HTMLFormElement")}} che rappresenta un singolo elemento <code><form></code>.</p> - -<p>Se il documento non ha moduli, la raccolta restituita è vuota, con una lunghezza pari a zero.</p> - -<h2 id="Example" name="Example">Esempi</h2> - -<h3 id="Ottenere_informazioni_sul_modulo">Ottenere informazioni sul modulo</h3> - -<pre class="brush:html"><!DOCTYPE html> -<html lang="en"> - -<head> -<title>document.forms example</title> -</head> - -<body> - -<form id="robby"> - <input type="button" onclick="alert(document.forms[0].id);" value="robby's form" /> -</form> - -<form id="dave"> - <input type="button" onclick="alert(document.forms[1].id);" value="dave's form" /> -</form> - -<form id="paul"> - <input type="button" onclick="alert(document.forms[2].id);" value="paul's form" /> -</form> - -</body> -</html> -</pre> - -<h3 id="Ottenere_un_elemento_all'interno_di_un_modulo">Ottenere un elemento all'interno di un modulo</h3> - -<pre class="brush: js">var selectForm = document.forms[index]; -var selectFormElement = document.forms[index].elements[index]; -</pre> - -<h3 id="Accesso_al_modulo_con_nome">Accesso al modulo con nome</h3> - -<pre class="brush: html"><!DOCTYPE html> -<html lang="en"> -<head> - <title>document.forms example</title> -</head> - -<body> - -<form name="login"> - <input name="email" type="email"> - <input name="password" type="password"> - <button type="submit">Log in</button> -</form> - -<script> - var loginForm = document.forms.login; // Or document.forms['login'] - loginForm.elements.email.placeholder = 'test@example.com'; - loginForm.elements.password.placeholder = 'password'; -</script> -</body> -</html> -</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('HTML WHATWG', '#dom-document-forms', 'Document.forms')}}</td> - <td>{{ Spec2('HTML WHATWG') }}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('DOM2 HTML', 'html.html#ID-1689064', 'Document.forms')}}</td> - <td>{{ Spec2('DOM2 Events') }}</td> - <td>Definizione iniziale.</td> - </tr> - </tbody> -</table> - -<h2 id="See_Also" name="See_Also">Compatibilità con i browser</h2> - - - -<p>{{Compat("api.Document.forms")}}</p> - -<h2 id="See_Also" name="See_Also">Vedi anche</h2> - -<ul> - <li><a href="/en-US/docs/Learn/HTML/Forms">HTML forms</a></li> - <li>{{HTMLElement("form")}} e l'interfaccia {{domxref("HTMLFormElement")}}</li> -</ul> - -<div>{{APIRef("DOM")}}</div> diff --git a/files/it/web/api/document/getelementbyid/index.html b/files/it/web/api/document/getelementbyid/index.html deleted file mode 100644 index bdcfac73a5..0000000000 --- a/files/it/web/api/document/getelementbyid/index.html +++ /dev/null @@ -1,149 +0,0 @@ ---- -title: Document.getElementById() -slug: Web/API/Document/getElementById -tags: - - API - - DOM - - Document - - Elementi - - Referenza - - Web - - getElementById - - id - - metodo -translation_of: Web/API/Document/getElementById ---- -<div>{{ ApiRef("DOM") }}</div> - -<p>Il metodo {{domxref("Document")}} <code><strong>getElementById()</strong></code> restituisce un oggetto {{domxref("Element")}} che rappresenta l'elemento la cui proprietà {{domxref("Element.id", "id")}} corrisponde alla stringa specificata. Poiché gli ID degli elementi devono essere univoci se specificati, sono un modo utile per accedere rapidamente a un elemento specifico.</p> - -<p>Se hai bisogno di accedere a un elemento che non ha un ID, puoi usare {{domxref("Document.querySelector", "querySelector()")}} per trovare l'elemento usando un qualsiasi {{Glossary("CSS selector", "selettore")}}.</p> - -<h2 id="Sintassi">Sintassi</h2> - -<pre class="eval">var <em>element</em> = <em>document</em>.getElementById(<em>id</em>); -</pre> - -<h3 id="Parametri">Parametri</h3> - -<dl> - <dt><strong><code>id</code></strong></dt> - <dd>L'ID dell'elemento da localizzare. L'ID è una stringa sensibile al maiuscolo/minuscolo, che è univoca all'interno del documento; solo un elemento può avere un dato ID.</dd> -</dl> - -<h3 id="Valore_di_ritorno">Valore di ritorno</h3> - -<p>Un oggetto {{domxref("Element")}} che descrive l'oggetto elemento DOM che corrisponde all'ID specificato o <code>null</code> se nel documento non è stato trovato alcun elemento corrispondente.</p> - -<h2 id="Esempio">Esempio</h2> - -<h3 id="HTML">HTML</h3> - -<pre class="brush: html"><html> -<head> - <title>getElementById example</title> -</head> -<body> - <p id="para">text here</p> - <button onclick="changeColor('blue');">blue</button> - <button onclick="changeColor('red');">red</button> -</body> -</html></pre> - -<h3 id="JavaScript">JavaScript</h3> - -<pre class="brush: js">function changeColor(newColor) { - var elem = document.getElementById('para'); - elem.style.color = newColor; -}</pre> - -<h3 id="Risultato">Risultato</h3> - -<p>{{ EmbedLiveSample('Esempio', 250, 100) }}</p> - -<h2 id="Note_di_utilizzo">Note di utilizzo</h2> - -<p>La maiuscola di <code>"Id"</code> nel nome di questo metodo deve essere corretta affinché il codice funzioni; <code>getElementByID()</code> <em>non è</em> valido e non funzionerà, per quanto naturale possa sembrare.</p> - -<p>A differenza di altri metodi di ricerca degli elementi come {{domxref("Document.querySelector()")}} e {{domxref("Document.querySelectorAll()")}}, <code>getElementById()</code> è disponibile solo come metodo per l'oggetto globale <code>document</code>, e <em>non</em> è disponibile come metodo su tutti gli oggetti elemento nel DOM. Poiché gli ID devono essere univoci nell'intero documento, non sono necessarie versioni "locali" della funzione.</p> - -<h2 id="Esempio_2">Esempio</h2> - -<pre><!DOCTYPE html> -<html> -<head> - <meta charset="UTF-8"> - <title>Document</title> -</head> -<body> - <div id="parent-id"> - <p>hello word1</p> - <p id="test1">hello word2</p> - <p>hello word3</p> - <p>hello word4</p> - </div> - <script> - var parentDOM = document.getElementById('parent-id'); - var test1 = parentDOM.getElementById('test1'); - // throw error - // Uncaught TypeError: parentDOM.getElementById is not a function - </script> -</body> -</html></pre> - -<p>Se non ci sono elementi con l'<code>id</code> fornito, questa funzione restituisce <code>null</code>. Nota che il parametro <code>id</code> è case-sensitive, quindi <code>document.getElementById("<strong>M</strong>ain")</code> restituirà <code>null</code> invece dell'elemento <code><div id="<strong>m</strong>ain"></code> perché "M" e "m" sono diversi per gli scopi di questo metodo.</p> - -<p><strong>Gli elementi non presenti nel documento </strong>non vengono cercati da <code>getElementById()</code>. Quando crei un elemento ed assegni un ID ad esso, devi inserire l'elemento nell'albero del documento con {{domxref("Node.insertBefore()")}} o un metodo simile prima di poterlo ottenere con <code>getElementById()</code>:</p> - -<pre class="brush: js">var element = document.createElement('div'); -element.id = 'testqq'; -var el = document.getElementById('testqq'); // el sarà nullo! -</pre> - -<p><strong>Documenti non HTML.</strong> L'implementazione del DOM deve avere informazioni che indicano quali attributi sono di tipo ID. Gli attributi con il nome "id" non sono di tipo ID a meno che non siano definiti nella DTD del documento. L'attributo <code>id</code> è definito come di tipo ID nei casi comuni di <a href="/en-US/docs/XHTML" title="en-US/docs/XHTML">XHTML</a>, <a href="/en-US/docs/XUL" title="en-US/docs/XUL">XUL</a>, e altri. Si prevede che le implementazioni che non sanno se gli attributi siano di tipo ID o non restituiscano <code>null</code>.</p> - -<h2 id="Specifiche">Specifiche</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Specifica</th> - <th scope="col">Stato</th> - <th scope="col">Commento</th> - </tr> - <tr> - <td>{{SpecName('DOM1','level-one-html.html#method-getElementById','getElementById')}}</td> - <td>{{Spec2('DOM1')}}</td> - <td>Definizione iniziale per l'interfaccia</td> - </tr> - <tr> - <td>{{SpecName('DOM2 Core','core.html#ID-getElBId','getElementById')}}</td> - <td>{{Spec2('DOM2 Core')}}</td> - <td>Sostituisce DOM 1</td> - </tr> - <tr> - <td>{{SpecName('DOM3 Core','core.html#ID-getElBId','getElementById')}}</td> - <td>{{Spec2('DOM3 Core')}}</td> - <td>Sostituisce DOM 2</td> - </tr> - <tr> - <td>{{SpecName('DOM WHATWG','#interface-nonelementparentnode','getElementById')}}</td> - <td>{{Spec2('DOM WHATWG')}}</td> - <td>Intende rimpiazzare DOM 3</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2> - - - -<p>{{Compat("api.Document.getElementById")}}</p> - -<h2 id="Vedi_anche">Vedi anche</h2> - -<ul> - <li>{{domxref("Document")}} riferimento per altri metodi e proprietà che è possibile utilizzare per ottenere riferimenti a elementi nel documento.</li> - <li>{{domxref("Document.querySelector()")}} per i selettori tramite query come <code>'div.myclass'</code></li> - <li><a href="/en-US/docs/xml/xml:id" title="en-US/docs/xml/id">xml:id</a> - ha un metodo di utilità per consentire a <code>getElementById()</code> di ottenere 'xml:id' nei documenti XML (come restituito dalle chiamate Ajax)</li> -</ul> 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> diff --git a/files/it/web/api/document/getelementsbyname/index.html b/files/it/web/api/document/getelementsbyname/index.html deleted file mode 100644 index f39fdf8ef7..0000000000 --- a/files/it/web/api/document/getelementsbyname/index.html +++ /dev/null @@ -1,97 +0,0 @@ ---- -title: Document.getElementsByName() -slug: Web/API/Document/getElementsByName -tags: - - API - - DOM - - Document - - HTML - - Referenza - - metodo -translation_of: Web/API/Document/getElementsByName ---- -<div>{{APIRef("DOM")}}</div> - -<p><span class="seoSummary">Il metodo <strong><code>getElementsByName()</code></strong> dell'oggetto {{domxref("Document")}} ritorna una raccolta di elementi {{domxref("NodeList")}} con un determinato {{domxref("element.name","name")}} nel documento.</span></p> - -<h2 id="Sintassi">Sintassi</h2> - -<pre class="syntaxbox">var <var>elements</var> = document.getElementsByName(<var>name</var>); -</pre> - -<ul> - <li><var>elements</var> è una {{domxref("NodeList")}} dinamica, il che significa che si aggiorna automaticamente man mano che nuovi elementi con lo stesso <code>name</code> vengono aggiunti / rimossi dal documento.</li> - <li><var>name</var> è il valore dell'attributo <code>name</code> degli elementi.</li> -</ul> - -<h2 id="Esempio">Esempio</h2> - -<pre class="brush:html"><!DOCTYPE html> -<html lang="en"> -<title>Example: using document.getElementsByName</title> - -<input type="hidden" name="up"> -<input type="hidden" name="down"> - -<script> - var up_names = document.getElementsByName("up"); - console.log(up_names[0].tagName); // ritorna "INPUT" -</script> -</html> -</pre> - -<h2 id="Appunti">Appunti</h2> - -<p>L'attributo {{domxref("element.name","name")}} può essere applicato solo nei documenti (X)HTML.</p> - -<p>La raccolta {{domxref("NodeList")}} restituita contiene tutti gli elementi con il parametro <code>name</code> dato, come {{htmlelement("meta")}}, {{htmlelement("object")}}, e persino elementi che non supportano affatto l'attributo <code>name</code>.</p> - -<div class="warning"> -<p>Il metodo <strong>getElementsByName</strong> funziona in modo diverso in IE10 e versioni precedenti. Lì, <code>getElementsByName()</code> restituisce anche gli elementi che hanno un <a href="/en-US/docs/Web/HTML/Global_attributes/id">attributo <code>id</code></a> con il valore specificato. Fai attenzione a non usare la stessa stringa sia di un <code>name</code> che di un <code>id</code>.</p> -</div> - -<div class="warning"> -<p>Il metodo <strong>getElementsByName</strong> funziona in modo diverso in IE. Lì, <code>getElementsByName()</code> non restituisce tutti gli elementi che potrebbero non avere un attributo <code>name</code> (come <code><span></code>).</p> -</div> - -<div class="warning"> -<p>Sia IE che Edge restituiscono una {{domxref("HTMLCollection")}}, non una {{domxref("NodeList")}}</p> -</div> - -<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('HTML WHATWG', '#dom-document-getelementsbyname', "Document.getElementsByName()")}}</td> - <td>{{ Spec2('HTML WHATWG') }}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName("DOM2 HTML", "html.html#ID-71555259", "Document.getElementsByName()")}}</td> - <td>{{Spec2("DOM2 HTML")}}</td> - <td>Definizione iniziale</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2> - - - -<p>{{Compat("api.Document.getElementsByName")}}</p> - -<h2 id="Vedi_anche">Vedi anche</h2> - -<ul> - <li>{{domxref("document.getElementById()")}} per restituire un riferimento a un elemento tramite il suo <code>id</code> unico</li> - <li>{{domxref("document.getElementsByTagName()")}} per restituire riferimenti ad elementi con lo stesso <a href="https://developer.mozilla.org/it/docs/Web/API/Element/tagName">tag</a></li> - <li>{{domxref("document.querySelector()")}} per restituire riferimenti a elementi tramite selettori CSS come <code>'div.myclass'</code></li> -</ul> diff --git a/files/it/web/api/document/getelementsbytagname/index.html b/files/it/web/api/document/getelementsbytagname/index.html deleted file mode 100644 index e5ad9540fb..0000000000 --- a/files/it/web/api/document/getelementsbytagname/index.html +++ /dev/null @@ -1,116 +0,0 @@ ---- -title: Document.getElementsByTagName() -slug: Web/API/Document/getElementsByTagName -tags: - - API - - DOM - - Referenza - - metodo -translation_of: Web/API/Document/getElementsByTagName ---- -<div>{{APIRef("DOM")}}</div> - -<p><span class="seoSummary">Il metodo <strong><code>getElementsByTagName</code></strong> dell'interfaccia {{domxref("Document")}} ritorna una {{domxref("HTMLCollection")}} di elementi con il tag specificato.</span> Viene cercato il documento completo, incluso il nodo radice. L'<code>HTMLCollection</code> è dinamica, il che significa che si aggiorna automaticamente per rimanere sincronizzato con l'albero del DOM senza dover chiamare di nuovo <code>document.getElementsByTagName()</code>.</p> - -<h2 id="Sintassi">Sintassi</h2> - -<pre class="syntaxbox">var <em>elementi </em>= document.getElementsByTagName(<var>nome</var>);</pre> - -<ul> - <li><em>elementi </em>è una {{domxref("HTMLCollection")}} dinamica (ma vedi la nota sotto) degli elementi trovati nell'ordine in cui appaiono nell'albero.</li> - <li><var>nome</var> è una stringa che rappresenta il nome degli elementi. La stringa speciale "*" rappresenta tutti gli elementi.</li> -</ul> - -<div class="note"><a href="https://dvcs.w3.org/hg/domcore/raw-file/tip/Overview.html">Le ultime specifiche W3C</a> dicono che gli elementi sono una <code>HTMLCollection</code>; tuttavia, questo metodo restituisce una {{domxref("NodeList")}} nei browser WebKit. Vedi {{bug(14869)}} per i dettagli.</div> - -<h2 id="Esempio">Esempio</h2> - -<p>Nell'esempio seguente, <code>getElementsByTagName()</code> inizia da un particolare elemento padre e ricerca dall'alto verso il basso ricorsivamente attraverso il DOM da quell'elemento padre, una raccolta di tutti i discendenti che corrispondono al parametro <code>nome</code> del tag. Questo documento mostra sia <code>document.getElementsByTagName()</code> che l'identico funzionale {{domxref("Element.getElementsByTagName()")}}, che avvia la ricerca su un elemento specifico all'interno dell'albero del DOM.</p> - -<p>Facendo click sui pulsanti viene utilizzato <code>getElementsByTagName()</code> per contare gli elementi del paragrafo discendente di un particolare genitore (il documento stesso o uno dei due elementi {{HTMLElement("div")}}).</p> - -<pre class="brush:html"><!DOCTYPE html> -<html lang="en"> -<head> - <meta charset="UTF-8" /> - <title>esempio di getElementsByTagName</title> - <script> - function getAllParaElems() { - var allParas = document.getElementsByTagName('p'); - var num = allParas.length; - alert('Ci sono ' + num + ' paragrafi in questo documento'); - } - - function div1ParaElems() { - var div1 = document.getElementById('div1'); - var div1Paras = div1.getElementsByTagName('p'); - var num = div1Paras.length; - alert('Ci sono ' + num + ' paragrafi in #div1'); - } - - function div2ParaElems() { - var div2 = document.getElementById('div2'); - var div2Paras = div2.getElementsByTagName('p'); - var num = div2Paras.length; - alert('Ci sono ' + num + ' paragrafi in #div2'); - } - </script> -</head> -<body style="border: solid green 3px"> - <p>Qualche testo esterno</p> - <p>Qualche testo esterno</p> - - <div id="div1" style="border: solid blue 3px"> - <p>Qualche testo div1</p> - <p>Qualche testo div1</p> - <p>Qualche testo div1</p> - - <div id="div2" style="border: solid red 3px"> - <p>Qualche testo div2</p> - <p>Qualche testo div2</p> - </div> - </div> - - <p>Qualche testo esterno/p> - <p>Qualche testo esterno</p> - - <button onclick="getAllParaElems();"> - mostra tutti gli elementi p nel documento</button><br /> - - <button onclick="div1ParaElems();"> - mostra tutti gli elementi p nell'elemento div1</button><br /> - - <button onclick="div2ParaElems();"> - mostra tutti gli elementi p nell'elemento div2</button> - -</body> -</html> -</pre> - -<h2 id="Note">Note</h2> - -<p>Quando chiamato su un documento HTML, <code>getElementsByTagName()</code> converte in minuscolo il suo argomento prima di procedere. Ciò non è desiderabile quando si cerca di far corrispondere gli elementi SVG di camelCase in una sottostruttura in un documento HTML. {{Domxref("document.getElementsByTagNameNS()")}} è utile in questo caso. Vedi anche {{Bug(499656)}}.</p> - -<p><code>document.getElementsByTagName()</code> è simile a {{domxref("Element.getElementsByTagName()")}}, ad eccezione del fatto che la sua ricerca comprende l'intero documento.</p> - -<h2 id="Specifiche">Specifiche</h2> - -<ul> - <li><a href="https://www.whatwg.org/specs/web-apps/current-work/multipage/dom.html#apis-in-html-documents">HTML 5: APIs in HTML documents</a></li> - <li><a href="https://www.w3.org/TR/DOM-Level-2-Core/core.html#ID-A6C9094">DOM Level 2 Core: Document.getElementsByTagName</a></li> -</ul> - -<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2> - - - -<p>{{Compat("api.Document.getElementsByTagName")}}</p> - -<h2 id="Vedi_anche">Vedi anche</h2> - -<ul> - <li>{{domxref("Element.getElementsByTagName()")}}</li> - <li>{{domxref("document.getElementById()")}} per tornare a fare riferimento a un elemento con il suo <code>id</code></li> - <li>{{domxref("document.getElementsByName()")}} per tornare a fare riferimento a un elemento con il suo <code>name</code></li> - <li>{{domxref("document.querySelector()")}} per potenti selettori tramite queries come <code>'div.myclass'</code></li> -</ul> diff --git a/files/it/web/api/document/head/index.html b/files/it/web/api/document/head/index.html deleted file mode 100644 index 941a533431..0000000000 --- a/files/it/web/api/document/head/index.html +++ /dev/null @@ -1,84 +0,0 @@ ---- -title: Document.head -slug: Web/API/Document/head -tags: - - API - - Document - - HTML DOM - - Proprietà - - Referenza -translation_of: Web/API/Document/head ---- -<div>{{APIRef("DOM")}}</div> - -<p><span class="seoSummary">La proprietà <code><strong>head</strong></code> di sola lettura dell'interfaccia {{domxref("Document")}} restituisce l'elemento {{HTMLElement("head")}} del documento corrente.</span></p> - -<h2 id="Sintassi">Sintassi</h2> - -<pre class="syntaxbox">var <var>objRef</var> = document.head; -</pre> - -<h3 id="Valore">Valore</h3> - -<p>Un {{domxref("HTMLHeadElement")}}.</p> - -<h2 id="Esempio">Esempio</h2> - -<pre class="brush: html"><!doctype html> -<head id="my-document-head"> - <title>Esempio: usare document.head</title> -</head> - -<script> - var theHead = document.head; - - console.log(theHead.id); // "my-document-head"; - - console.log( theHead === document.querySelector("head") ); // true -</script> -</pre> - -<h2 id="Appunti">Appunti</h2> - -<p><code>document.head</code> è di sola lettura. Cercare di assegnare un valore a questa proprietà fallirà silenziosamente o, in <a href="/en-US/docs/Web/JavaScript/Reference/Strict_mode">Strict Mode</a>, genera un {{jsxref("TypeError")}} .</p> - -<h2 id="Specifiche">Specifiche</h2> - -<table class="spectable 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('HTML5.1','dom.html#dom-document-head','Document.head')}}</td> - <td>{{Spec2('HTML5.1')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('HTML5 W3C','dom.html#dom-document-head','Document.head')}}</td> - <td>{{Spec2('HTML5 W3C')}}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('HTML WHATWG','dom.html#dom-document-head','Document.head')}}</td> - <td>{{Spec2('HTML WHATWG')}}</td> - <td>Definizione iniziale.</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2> - - - -<p>{{Compat("api.Document.head")}}</p> - -<h2 id="Vedi_anche">Vedi anche</h2> - -<ul> - <li>{{domxref("document.body")}}</li> -</ul> diff --git a/files/it/web/api/document/height/index.html b/files/it/web/api/document/height/index.html deleted file mode 100644 index ee517b6c39..0000000000 --- a/files/it/web/api/document/height/index.html +++ /dev/null @@ -1,35 +0,0 @@ ---- -title: document.height -slug: Web/API/Document/height -translation_of: Web/API/Document/height ---- -<div>{{APIRef("DOM")}}</div> - -<p>Restituisce l'altezza in pixel dell'elemento body del documento corrente.</p> - -<h3 id="Syntax" name="Syntax">Syntax</h3> - -<pre class="eval"><i>height_value</i> = document.height -</pre> - -<h3 id="Parametri" name="Parametri">Parametri</h3> - -<ul> - <li><code>height_value</code> è il numero di pixel</li> -</ul> - -<h3 id="Esempio" name="Esempio">Esempio</h3> - -<pre class="eval">// visualizza l'altezza del documento -alert(document.height); -</pre> - -<h3 id="Note" name="Note">Note</h3> - -<p>Si veda <code><a href="it/DOM/document.width">document.width</a></code>.</p> - -<h3 id="Specifiche" name="Specifiche">Specifiche</h3> - -<p>DOM Level 0. Non è parte di uno standard.</p> - -<p>{{ languages( { "pl": "pl/DOM/document.height" } ) }}</p> diff --git a/files/it/web/api/document/images/index.html b/files/it/web/api/document/images/index.html deleted file mode 100644 index abe27b2a11..0000000000 --- a/files/it/web/api/document/images/index.html +++ /dev/null @@ -1,52 +0,0 @@ ---- -title: Document.images -slug: Web/API/Document/images -translation_of: Web/API/Document/images ---- -<div>{{APIRef("DOM")}}</div> - -<p><code>document.images</code> restituisce una collezione delle <a href="/en-US/docs/DOM/Image" title="DOM/Image">immagini</a> nel documento HTML corrente.</p> - -<h2 id="Syntax" name="Syntax">Sintassi</h2> - -<pre class="syntaxbox"><em>var htmlCollection</em> = document.images;</pre> - -<h2 id="Example" name="Example">Esempio</h2> - -<pre class="brush:js">var ilist = document.images; - -for(var i = 0; i < ilist.length; i++) { - if(ilist[i].src == "banner.gif") { - // found the banner - } -}</pre> - -<h2 id="Notes" name="Notes">Note</h2> - -<p><code>document.images.length</code> – proprietà che restituisce il numero di immagini della pagina.</p> - -<p><code>document.images</code> è parte del DOM HTML, e funziona solo per documenti HTML.</p> - -<h2 id="Specifications" name="Specifications">Specifiche tecniche</h2> - -<table class="standard-table"> - <thead> - <tr> - <th scope="col">Specifiche tecniche</th> - <th scope="col">Stato</th> - <th scope="col">Commento</th> - </tr> - </thead> - <tbody> - <tr> - <td>{{SpecName('HTML WHATWG', '#dom-document-images', 'Document.images')}}</td> - <td>{{ Spec2('HTML WHATWG') }}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName('DOM2 HTML', 'html.html#ID-90379117', 'Document.images')}}</td> - <td>{{ Spec2('DOM2 Events') }}</td> - <td>Initial definition.</td> - </tr> - </tbody> -</table> diff --git a/files/it/web/api/document/importnode/index.html b/files/it/web/api/document/importnode/index.html deleted file mode 100644 index 354db3c0c8..0000000000 --- a/files/it/web/api/document/importnode/index.html +++ /dev/null @@ -1,45 +0,0 @@ ---- -title: document.importNode -slug: Web/API/Document/importNode -translation_of: Web/API/Document/importNode ---- -<div>{{APIRef("DOM")}}</div> - -<p>Restituisce un clone di un nodo preso da un documento esterno.</p> - -<h3 id="Sintassi" name="Sintassi">Sintassi</h3> - -<pre class="eval"><i>nodo</i> = -<i>document</i>.importNode( -<i>nodoEsterno</i>, -<i>bool</i>) -</pre> - -<ul> - <li><code>nodo</code> è il nodo che verrà importato nel documento. Il - - <i>parentNode</i> - del nuovo nodo è <code>null</code>, perchè non è ancora stato inserito nell'albero del documento</li> - <li><code>nodoEsterno</code> è il nodo che verrà importato da un altro documento</li> - <li><code>bool</code> vale true o false. Se è true, il nodo verrà importato con tutti i suoi figli. Se è false, il nodo verrà importato senza i figli</li> -</ul> - -<h3 id="Esempio" name="Esempio">Esempio</h3> - -<pre class="eval">var iframe = document.getElementsByTagName("iframe")[0]; -var vecchioNodo = iframe.contentDocument.getElementById("mioNodo"); -var nuovoNodo = document.importNode(vecchioNodo,true); -document.getElementById("contenitore").appendChild(nuovoNodo); -</pre> - -<h3 id="Note" name="Note">Note</h3> - -<p>Il nodo non viene rimosso dal documento originale. Il nodo importato è un clone dell'originale. I nodi presi dai documenti esterni devono essere importati prima di poter essere inseriti nel documento corrente.</p> - -<p><a class="external" href="http://www.w3.org/DOM/faq.html#ownerdoc" rel="freelink">http://www.w3.org/DOM/faq.html#ownerdoc</a></p> - -<h3 id="Specifiche" name="Specifiche">Specifiche</h3> - -<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#Core-Document-importNode">DOM Level 2 Core: Document.importNode</a></p> - -<p>{{ languages( { "fr": "fr/DOM/document.importNode" } ) }}</p> diff --git a/files/it/web/api/document/index.html b/files/it/web/api/document/index.html deleted file mode 100644 index 108f317cc3..0000000000 --- a/files/it/web/api/document/index.html +++ /dev/null @@ -1,308 +0,0 @@ ---- -title: Document -slug: Web/API/Document -tags: - - DOM - - Gecko - - Reference_del_DOM_di_Gecko - - SezioneIncompleta - - Tutte_le_categorie -translation_of: Web/API/Document ---- -<p>{{ ApiRef("DOM") }}</p> - -<h3 id="Introduzione" name="Introduzione">Introduzione</h3> - -<p>L'oggetto document fornisce un modo generico di rappresentare documenti <a href="it/HTML">HTML</a>, <a href="it/XHTML">XHTML</a>, e <a href="it/XML">XML</a>. Implementa l'interfaccia <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Core/core.html#i-Document">DOM Core document</a>.</p> - -<p>In aggiunta all'interfaccia generalizzata DOM core document, i documenti HTML implementano pure l'interfaccia <a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-26809268">DOM HTMLDocument</a>, che è un'interfaccia più specializzata per interagire con i documenti HTML (contiene ad esempio <a href="it/DOM/document.cookie">document.cookie</a>). In questa pagina, le proprietà e i metodi che fanno parte di questa interfaccia più specializzata sono seguite da un asterisco.</p> - -<p>L'oggetto document è contenuto nell'oggetto window e può contenere un numero qualsiasi di <a href="it/DOM/element">elementi</a>.</p> - -<p>L'interfaccia di document fornisce accesso a informazioni come il tipo di documento, i plugin e le applet, e fornisce metodi per creare e manipolare i suoi nodi figli.</p> - -<h3 id="Propriet.C3.A0" name="Propriet.C3.A0">Proprietà</h3> - -<dl> - <dt><a href="it/DOM/document.alinkColor">document.alinkColor</a>*{{ Deprecated_inline() }}</dt> - <dd>Restituisce o setta il colore dei link attivi nel corpo del documento.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.anchors">document.anchors</a>*</dt> - <dd>Restituisce una collezione delle ancore presenti nel documento.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.applets">document.applets</a>*</dt> - <dd>Restituisce una collezione delle applet presenti nel documento.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.bgColor">document.bgColor</a>*{{ Deprecated_inline() }}</dt> - <dd>Restituisce/setta il colore di sfondo dell'elemento body del documento.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.body">document.body</a>*</dt> - <dd>Restituisce il nodo BODY del documento.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.characterSet">document.characterSet</a></dt> - <dd>Restituisce il set di caratteri usato nel documento.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.compatMode">document.compatMode</a>*</dt> - <dd>Indica se il documento viene letto dal browser in modalità standard o in modalità compatibile.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.cookie">document.cookie</a>*</dt> - <dd>Restituisce una stringa contenente la lista dei cookie(separati da un punto e virgola) usati dal documento o setta un singolo cookie.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.contentWindow">document.contentWindow</a>*</dt> - <dd>Restituisce l'oggetto window in cui è contenuto il documento.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.defaultView">document.defaultView</a></dt> - <dd>Restituisce un riferimento all'oggetto window.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.designMode">document.designMode</a></dt> - <dd>Restituisce/setta lo stato di attivazione del Rich Text Editor di firefox, <a href="it/Midas">Midas</a>.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.doctype">document.doctype</a></dt> - <dd>Restituisce la Dichiarazione del Tipo di Documento(DTD) del documento corrente.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.documentElement">document.documentElement</a></dt> - <dd>Restituisce l'elemento che è figlio diretto di document, cioè nella maggior parte dei casi l'elemento HTML.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.domain">document.domain</a>*</dt> - <dd>Restituisce il dominio del documento corrente.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.embeds">document.embeds</a>*</dt> - <dd>Restituisce una lista degli elementi object contenuti nel documento.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.fgColor">document.fgColor</a>*{{ Deprecated_inline() }}</dt> - <dd>Restituisce/setta il colore di default per il testo del documento corrente.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.firstChild">document.firstChild</a></dt> - <dd>Restituisce il primo nodo figlio di document. (Guarda anche <a href="it/FirstChild">firstChild</a> presente nell'intefaccia element).</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.forms">document.forms</a>*</dt> - <dd>Restituisce una collezione degli elementi FORM contenuti nel documento.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.height">document.height</a>*</dt> - <dd>Restituisce/setta l'altezza del documento corrente.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.images">document.images</a>*</dt> - <dd>Restituisce una collezione delle immagini contenute nel documento corrente.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.implementation">document.implementation</a>*</dt> - <dd>Restituisce l'implementazione DOM associata al documento corrente.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.lastModified">document.lastModified</a>*</dt> - <dd>Restituisce la data in cui il documento è stato modificato l'ultima volta.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.linkColor">document.linkColor</a>*{{ Deprecated_inline() }}</dt> - <dd>Restituisce/setta il colore dei collegamenti nel documento.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.links">document.links</a>*</dt> - <dd>Restituisce una collezione dei collegamenti presenti nel documento.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.location">document.location</a>*</dt> - <dd>Restituisce l'URI del documento corrente.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.namespaceURI">document.namespaceURI</a></dt> - <dd>Restituisce lo spazio dei nomi XML del documento corrente.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.plugins">document.plugins</a>*</dt> - <dd>Restituisce una lista dei plugin disponibili.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.referrer">document.referrer</a>*</dt> - <dd>Restituisce l'URI della pagina che ha portato al documento corrente.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.styleSheets">document.styleSheets</a>*</dt> - <dd>Restituisce una collezione degli oggetti <a href="it/DOM/stylesheet">stylesheet</a> presenti nel documento corrente.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.title">document.title</a>*</dt> - <dd>Restituisce il titolo del documento corrente.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.URL">document.URL</a></dt> - <dd>Restituisce una stringa che rappresenta l'URI del documento corrente.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.vlinkColor">document.vlinkColor</a>*{{ Deprecated_inline() }}</dt> - <dd>Restituisce/setta il colore dei collegamenti visitati.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.width">document.width</a>*</dt> - <dd>Restituisce la larghezza del documento corrente.</dd> -</dl> - -<h3 id="Metodi" name="Metodi">Metodi</h3> - -<dl> - <dt><a href="it/DOM/document.clear">document.clear</a> {{ Deprecated_inline() }}</dt> - <dd>Cancella i contenuti del documento.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.close">document.close</a></dt> - <dd>Chiude lo stream per la scrittura del documento.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.createAttribute">document.createAttribute</a></dt> - <dd>Crea (e restituisce) un nuovo nodo attributo.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.createDocumentFragment">document.createDocumentFragment</a></dt> - <dd>Crea un frammento.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.createElement">document.createElement</a>*</dt> - <dd>Crea un elemento a partire dal nome di tag dato. Non funziona con documenti xml.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.createElementNS">document.createElementNS</a></dt> - <dd>Crea un elmento col nome di tag e l'URI per lo spazio dei nomi dati.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.createTextNode">document.createTextNode</a></dt> - <dd>Crea un nodo testuale.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.createEvent">document.createEvent</a></dt> - <dd>Crea un oggetto di classe Event.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.createRange">document.createRange</a></dt> - <dd>Crea un oggetto di classe Range.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.execCommand">document.execCommand</a></dt> - <dd>Esegue un comando <a href="it/Midas">Midas</a>.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.evaluate">document.evaluate</a></dt> - <dd>Valuta una espressione XPath.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.getElementById">document.getElementById</a></dt> - <dd>Restituisce un riferimento a oggetto per l'elemento che ha il dato id.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.getElementsByName">document.getElementsByName</a></dt> - <dd>Restituisce una collezione di elementi con il dato attributo name.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.getElementsByTagName">document.getElementsByTagName</a></dt> - <dd>Restituisce una collezione degli elementi con il dato nome di tag.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.importNode">document.importNode</a></dt> - <dd>Restituisce un clone di un nodo preso da un documento esterno.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.loadOverlay">document.loadOverlay</a></dt> - <dd>Carica un <a href="it/XUL_Overlays"> overlay XUL</a> dinamicamente. Funziona solo con i documenti XUL.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.open">document.open</a></dt> - <dd>Apre uno stream di documento per la scrittura.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.queryCommandEnabled">document.queryCommandEnabled</a></dt> - <dd>Restituisce true se il comando <a href="it/Midas">Midas</a> può essere eseguito sul range corrente.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.queryCommandIndeterm">document.queryCommandIndeterm</a></dt> - <dd>Restituisce true se il comando <a href="it/Midas">Midas</a> è in uno stato indeterminato per il range corrente.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.queryCommandState">document.queryCommandState</a></dt> - <dd>Restituisce true se il comando <a href="it/Midas">Midas</a> è stato eseguito sul range corrente.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.queryCommandValue">document.queryCommandValue</a></dt> - <dd>Restituisce il valore corrente del range corrente per il comando <a href="it/Midas">Midas</a>.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.write">document.write</a>*</dt> - <dd>Scrive del codice all'interno del documento.Non funziona con i documenti xml.</dd> -</dl> - -<dl> - <dt><a href="it/DOM/document.writeln">document.writeln</a></dt> - <dd>Scrive una linea di codice all'interno del documento. Non funziona con i documenti xml.</dd> -</dl> - -<p>{{ languages( { "fr": "fr/DOM/document", "pl": "pl/DOM/document", "en": "en/DOM/document" } ) }}</p> diff --git a/files/it/web/api/document/lastmodified/index.html b/files/it/web/api/document/lastmodified/index.html deleted file mode 100644 index 4e56851ee4..0000000000 --- a/files/it/web/api/document/lastmodified/index.html +++ /dev/null @@ -1,31 +0,0 @@ ---- -title: document.lastModified -slug: Web/API/Document/lastModified -translation_of: Web/API/Document/lastModified ---- -<div>{{APIRef("DOM")}}</div> - -<p>Restituisce una stringa contenente la data e l'ora dell'utlima modifica apportata al documento corrente.</p> - -<h3 id="Sintassi" name="Sintassi">Sintassi</h3> - -<pre class="eval"><i>stringa</i> = document.lastModified -</pre> - -<h3 id="Esempio" name="Esempio">Esempio</h3> - -<pre class="eval">dump(document.lastModified); -// restituisce: Tuesday, July 10, 2001 10:19:42 -</pre> - -<h3 id="Note" name="Note">Note</h3> - -<p>Si noti che essendo una stringa, <code>lastModified</code> non può essere utilizzata facilmente per le comparazioni tra le date di modifica di un altro documento.</p> - -<h3 id="Specifiche" name="Specifiche">Specifiche</h3> - -<p>DOM Level 0. Non è parte di alcuno standard.</p> - -<p><a class="external" href="http://msdn.microsoft.com/workshop/author/dhtml/reference/properties/lastmodified.asp?frame=true">MSDN: proprietà lastModified</a></p> - -<p>{{ languages( { "pl": "pl/DOM/document.lastModified" } ) }}</p> diff --git a/files/it/web/api/document/links/index.html b/files/it/web/api/document/links/index.html deleted file mode 100644 index fff02b997f..0000000000 --- a/files/it/web/api/document/links/index.html +++ /dev/null @@ -1,100 +0,0 @@ ---- -title: document.links -slug: Web/API/Document/links -tags: - - DOM - - Gecko - - Reference_del_DOM_di_Gecko - - Tutte_le_categorie -translation_of: Web/API/Document/links ---- -<div> -<p>{{ APIRef("DOM") }}</p> - -<p>La proprietà links restituisce una collezione di tutti gli elementi {{HTMLElement("area")}} e di tutti gli elementi {{HTMLElement("a")}} in un documento con un valore per l'attributo <a href="https://developer.mozilla.org/en-US/docs/Web/API/URLUtils.href">href</a> .</p> - -<h2 id="Syntax" name="Syntax">Sintassi</h2> - -<pre class="eval line-numbers language-html"><code class="language-html">nodeList = document.links</code></pre> - -<h2 id="Example" name="Example">Esempio</h2> - -<pre class="brush: js line-numbers language-js"><code class="language-js"><span class="keyword token">var</span> links <span class="operator token">=</span> document<span class="punctuation token">.</span>links<span class="punctuation token">;</span> -<span class="keyword token">for</span><span class="punctuation token">(</span><span class="keyword token">var</span> i <span class="operator token">=</span> <span class="number token">0</span><span class="punctuation token">;</span> i <span class="operator token"><</span> links<span class="punctuation token">.</span>length<span class="punctuation token">;</span> i<span class="operator token">++</span><span class="punctuation token">)</span> <span class="punctuation token">{</span> - <span class="keyword token">var</span> linkHref <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">createTextNode</span><span class="punctuation token">(</span>links<span class="punctuation token">[</span>i<span class="punctuation token">]</span><span class="punctuation token">.</span>href<span class="punctuation token">)</span><span class="punctuation token">;</span> - <span class="keyword token">var</span> lineBreak <span class="operator token">=</span> document<span class="punctuation token">.</span><span class="function token">createElement</span><span class="punctuation token">(</span><span class="string token">"br"</span><span class="punctuation token">)</span><span class="punctuation token">;</span> - document<span class="punctuation token">.</span>body<span class="punctuation token">.</span><span class="function token">appendChild</span><span class="punctuation token">(</span>linkHref<span class="punctuation token">)</span><span class="punctuation token">;</span> - document<span class="punctuation token">.</span>body<span class="punctuation token">.</span><span class="function token">appendChild</span><span class="punctuation token">(</span>lineBreak<span class="punctuation token">)</span><span class="punctuation token">;</span> -<span class="punctuation token">}</span></code></pre> - -<h2 id="Specifiche_tecniche">Specifiche tecniche</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Specifiche tecniche</th> - <th scope="col">Stato</th> - <th scope="col">Commento</th> - </tr> - <tr> - <td>{{SpecName('HTML WHATWG', '#dom-document-links', 'Document.links')}}</td> - <td>{{ Spec2('HTML WHATWG') }}</td> - <td> </td> - </tr> - <tr> - <td>{{SpecName("DOM2 HTML", "html.html#ID-7068919", "document.links")}}</td> - <td>{{Spec2("DOM2 HTML")}}</td> - <td>Definizione iniziale</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilità_browser">Compatibilità browser</h2> - -<p>{{ CompatibilityTable() }}</p> - -<div id="compat-desktop"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Chrome</th> - <th>Firefox (Gecko)</th> - <th>Internet Explorer</th> - <th>Opera</th> - <th>Safari (WebKit)</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - </tbody> -</table> -</div> - -<div id="compat-mobile"> -<table class="compat-table"> - <tbody> - <tr> - <th>Feature</th> - <th>Android</th> - <th>Firefox Mobile (Gecko)</th> - <th>IE Phone</th> - <th>Opera Mobile</th> - <th>Safari Mobile</th> - </tr> - <tr> - <td>Basic support</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - <td>{{ CompatVersionUnknown() }}</td> - </tr> - </tbody> -</table> -</div> -</div> diff --git a/files/it/web/api/document/open/index.html b/files/it/web/api/document/open/index.html deleted file mode 100644 index 7f4c1eb77a..0000000000 --- a/files/it/web/api/document/open/index.html +++ /dev/null @@ -1,46 +0,0 @@ ---- -title: document.open -slug: Web/API/Document/open -tags: - - DOM - - Gecko - - Reference_del_DOM_di_Gecko - - Tutte_le_categorie -translation_of: Web/API/Document/open ---- -<div>{{APIRef("DOM")}}</div> - -<p>Il metodo <code>document.open()</code> apre un documento in <a href="it/DOM/document.write">scrittura</a> (document.write()).</p> - -<h3 id="Sintassi" name="Sintassi">Sintassi</h3> - -<pre class="eval">document.open(); -</pre> - -<h3 id="Esempio" name="Esempio">Esempio</h3> - -<pre>// In questo esempio, i contenuti del documento -// vengono sovrascritti quando il documento -// viene reinizializzato con open(). -document.write("<html><p>eliminami</p></html>"); -document.open(); -// il documento è vuoto -</pre> - -<h3 id="Note" name="Note">Note</h3> - -<p>Se un documento esiste, questo metodo lo svuota (si veda l'esempio sopra).</p> - -<p>Inoltre <code>document.open()</code> viene chiamato implicitamente quando si chiama <a href="it/DOM/document.write">document.write()</a> dopo che la pagina è stata caricata, nonostante ciò non sia richiesto dalle specifiche del W3C.</p> - -<p>Non confondere questo metodo con <a href="it/DOM/window.open">window.open()</a>. <code>document.open()</code> permette di sovrascrivere il documento corrente o aggiungere testo allo stesso, mentre <code>window.open</code> fornisce un modo per apreire una finestra, lasciando intatto il documento. Poiché <code>window</code> è l'oggetto globale, scrivere solamente <code>open(...)</code> fa la stessa cosa</p> - -<p>Puoi chiudere il documento aperto usando <a href="it/DOM/document.close">document.close()</a>.</p> - -<h3 id="Specification" name="Specification">Specificazioni</h3> - -<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-72161170">DOM Level 2 HTML: <code>open()</code> Method</a></p> - -<div class="noinclude"> </div> - -<p>{{ languages( { "fr": "fr/DOM/document.open", "ja": "ja/DOM/document.open", "pl": "pl/DOM/document.open" } ) }}</p> diff --git a/files/it/web/api/document/queryselector/index.html b/files/it/web/api/document/queryselector/index.html deleted file mode 100644 index 6d8000818d..0000000000 --- a/files/it/web/api/document/queryselector/index.html +++ /dev/null @@ -1,121 +0,0 @@ ---- -title: Document.querySelector() -slug: Web/API/Document/querySelector -translation_of: Web/API/Document/querySelector ---- -<div>{{ApiRef("DOM")}}</div> - -<p>Il metodo {{domxref("Document")}} <code><strong>querySelector()</strong></code> ritorna il primo {{domxref("Element")}} all'interno del documento che corrisponde al selettore specificato o al gruppo di selettori. Se non vengono trovate corrispondenze, viene restituito <code>null</code>.</p> - -<div class="note"> -<p><strong>Note</strong>: Il matching viene eseguito utilizzando il deep-pre-order traversal dei nodi del documento partendo dal primo elemento nel markup del documento e iterando attraverso i nodi sequenziali per ordine del numero di nodi figli.</p> -</div> - -<h2 id="Sintassi">Sintassi</h2> - -<pre class="syntaxbox notranslate"><var>element</var> = document.querySelector(<var>selectors</var>); -</pre> - -<h3 id="Parametri">Parametri</h3> - -<dl> - <dt><var>selectors</var></dt> - <dd>Una {{domxref("DOMString")}} contenente uno o più selettori da trovare. Questa stringa deve essere una stringa di selettore CSS valida; se non lo è, viene generata un'eccezione <code>SYNTAX_ERR</code>. Vedi <a href="https://developer.mozilla.org/it/docs/Web/API/Document_Object_Model/Locating_DOM_elements_using_selectors">Individuazione degli elementi DOM mediante selettori</a> per ulteriori informazioni sui selettori e su come gestirli.</dd> -</dl> - -<div class="note"> -<p><strong>Note:</strong> I caratteri che non fanno parte della sintassi CSS standard devono essere sottoposti a escape utilizzando un carattere backslash. Poiché JavaScript utilizza anche l'escape di backslash, prestare particolare attenzione quando si scrivono stringhe letterali utilizzando questi caratteri. Vedi {{anch("Escaping special characters")}} per maggiori informazioni.</p> -</div> - -<h3 id="Valore_di_ritorno">Valore di ritorno</h3> - -<p>Un oggetto {{domxref ("Element")}} che rappresenta il primo elemento nel documento che corrisponde al set specificato di <a href="/en-US/docs/Web/CSS/CSS_Selectors">CSS selectors</a>, o <code>null</code> viene restituito se non ci sono corrispondenze.</p> - -<p>Se hai bisogno di un elenco di tutti gli elementi che corrispondono ai selettori specificati, dovresti usare {{domxref("Document.querySelectorAll", "querySelectorAll()")}}.</p> - -<h3 id="Eccezioni">Eccezioni</h3> - -<dl> - <dt><code>SYNTAX_ERR</code></dt> - <dd>La sintassi dei <em>selettori</em> specificati non è valida.</dd> -</dl> - -<h2 id="Note_di_utilizzo">Note di utilizzo</h2> - -<p>Se il selettore specificato corrisponde a un ID erroneamente utilizzato più di una volta nel documento, viene restituito il primo elemento con quell'ID.</p> - -<p>Gli <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-elementi CSS</a> non restituiranno mai alcun elemento, come specificato nelle <a href="http://www.w3.org/TR/selectors-api/#grammar">API dei selettori.</a></p> - -<h3 id="Escaping_caratteri_speciali">Escaping caratteri speciali</h3> - - - -<p>Per eseguire la corrispondenza con un ID o selettori che non seguono la sintassi CSS standard (ad esempio utilizzando due punti o uno spazio in modo inappropriato), è necessario eseguire l'escape del carattere con un backslash ("\"). Poiché il backslash è anche un carattere di escape in JavaScript, se si immette una stringa letterale, è necessario eseguire l'escape due volte (una per la stringa JavaScript e un'altra per querySelector ()):</p> - -<pre class="brush: html notranslate"><div id="foo\bar"></div> -<div id="foo:bar"></div> - -<script> - console.log('#foo\bar'); // "#fooar" (\b è il carattere di controllo backspace) - document.querySelector('#foo\bar'); // Non corrisponde a nulla - - console.log('#foo\\bar'); // "#foo\bar" - console.log('#foo\\\\bar'); // "#foo\\bar" - document.querySelector('#foo\\\\bar'); // Seleziona il primo div - - document.querySelector('#foo:bar'); // Non corrisponde a nulla - document.querySelector('#foo\\:bar'); // Seleziona il secondo div</pre> - -<h2 id="Esempi">Esempi</h2> - -<h3 id="Trovare_il_primo_elemento_che_corrisponde_a_una_classe">Trovare il primo elemento che corrisponde a una classe</h3> - -<p>In questo esempio, viene restituito il primo elemento del documento con la classe "<code>myclass</code>":</p> - -<pre class="brush: js notranslate">var el = document.querySelector(".myclass"); -</pre> - -<h3 id="Un_selettore_più_complesso">Un selettore più complesso</h3> - -<p>I selettori possono anche essere molto potenti, come dimostrato nel seguente esempio. Qui, il primo elemento {{HTMLElement("input")}} con il nome "login" (<code><input name="login"/></code>) situato all'interno di un {{HTMLElement("div")}} la cui classe è "user-panel main" (<code><div class="user-panel main"></code>) nel documento viene restituito:</p> - -<pre class="brush: js notranslate">var el = document.querySelector("div.user-panel.main input[name='login']"); -</pre> - -<h2 id="Specifiche">Specifiche</h2> - -<table class="standard-table"> - <tbody> - <tr> - <th scope="col">Specifica</th> - <th scope="col">Stato</th> - <th scope="col">Commento</th> - </tr> - <tr> - <td>{{SpecName("Selectors API Level 2", "#interface-definitions", "document.querySelector()")}}</td> - <td>{{Spec2("Selectors API Level 2")}}</td> - <td></td> - </tr> - <tr> - <td>{{SpecName("Selectors API Level 1", "#interface-definitions", "document.querySelector()")}}</td> - <td>{{Spec2("Selectors API Level 1")}}</td> - <td>Definizione iniziale</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2> - - - -<div>{{Compat("api.Document.querySelector")}}</div> - -<h2 id="Vedi_anche">Vedi anche</h2> - -<ul> - <li><a href="https://developer.mozilla.org/it/docs/Web/API/Document_Object_Model/Locating_DOM_elements_using_selectors">Individuazione degli elementi DOM mediante selettori</a></li> - <li>{{domxref("Element.querySelector()")}}</li> - <li>{{domxref("Document.querySelectorAll()")}}</li> - <li>{{domxref("Element.querySelectorAll()")}}</li> - <li><a href="/en-US/docs/Code_snippets/QuerySelector">Snippet di codice per querySelector</a></li> -</ul> diff --git a/files/it/web/api/document/queryselectorall/index.html b/files/it/web/api/document/queryselectorall/index.html deleted file mode 100644 index a8e614ce9e..0000000000 --- a/files/it/web/api/document/queryselectorall/index.html +++ /dev/null @@ -1,180 +0,0 @@ ---- -title: Document.querySelectorAll() -slug: Web/API/Document/querySelectorAll -tags: - - API - - Cercare elementi - - Document - - Localizzare Elementi - - Referenza - - Selettori - - Selettori CSS - - Selezionare Elementi - - Trovare elementi - - metodo - - querySelectorAll -translation_of: Web/API/Document/querySelectorAll ---- -<div>{{APIRef("DOM")}}</div> - -<p>Il metodo {{domxref("Document")}} <code><strong>querySelectorAll()</strong></code> ritorna una {{domxref("NodeList")}} statica (non dinamica) che rappresenta un elenco di elementi del documento che corrispondono al gruppo specificato di selettori.</p> - -<div class="note"> -<p><strong>Note:</strong> This method is implemented based on the {{domxref("ParentNode")}} mixin's {{domxref("ParentNode.querySelectorAll", "querySelectorAll()")}} method.</p> -</div> - -<h2 id="Sintassi">Sintassi</h2> - -<pre class="syntaxbox"><var>elementList</var> = <em>parentNode</em>.querySelectorAll(<var>selectors</var>); -</pre> - -<h3 id="Parametri">Parametri</h3> - -<dl> - <dt><code>selectors</code></dt> - <dd>Una {{domxref("DOMString")}} contenente uno o più selettori con cui confrontarsi. Questa stringa deve contenere dei <a href="/en-US/docs/Web/CSS/CSS_Selectors">selettori CSS</a> validi; se non lo sono, viene generata un'eccezione <code>SyntaxError</code>. Vedi <a href="https://developer.mozilla.org/it/docs/Web/API/Document_Object_Model/Locating_DOM_elements_using_selectors">Individuazione degli elementi DOM mediante selettori</a> per ulteriori informazioni sull'uso dei selettori per cercare gli elementi. È possibile specificare più selettori separandoli utilizzando le virgole.</dd> -</dl> - -<div class="note"> -<p><strong>Note:</strong> I caratteri che non fanno parte della sintassi CSS standard devono essere sottoposti a escape utilizzando un carattere backslash. Poiché JavaScript utilizza anche l'escape di backslash, è necessario prestare particolare attenzione quando si scrivono stringhe letterali utilizzando questi caratteri. Vedi {{anch("Escaping special characters")}} per maggiori informazioni.</p> -</div> - -<h3 id="Valore_di_ritorno">Valore di ritorno</h3> - -<p>Una {{domxref("NodeList")}} non dinamica contenente un oggetto {{domxref("Element")}} per ogni elemento che corrisponde ad almeno uno dei selettori specificati o una {{domxref("NodeList")}} vuota in caso di assenza di corrispondenze.</p> - -<div class="note"> -<p><strong>Note:</strong> Se i <code>selectors</code> specificati includono uno <a href="/en-US/docs/Web/CSS/Pseudo-elements">pseudo-elemento CSS</a>, l'elenco restituito è sempre vuoto.</p> -</div> - -<h3 id="Eccezioni">Eccezioni</h3> - -<dl> - <dt><code>SyntaxError</code></dt> - <dd>La sintassi della stringa <code>selectors</code> specificata non è valida.</dd> -</dl> - -<h2 id="Esempi">Esempi</h2> - -<h3 id="Ottenere_un_elenco_di_elementi">Ottenere un elenco di elementi</h3> - -<p>Per ottenere una {{domxref("NodeList")}} di tutti gli elementi {{HTMLElement("p")}} nel documento:</p> - -<pre class="brush: js">var matches = document.querySelectorAll("p");</pre> - -<p>Questo esempio restituisce un elenco di tutti gli elementi {{HTMLElement("div")}} all'interno del documento con la classe "<code>note</code>" o "<code>alert</code>":</p> - -<pre class="brush: js">var matches = document.querySelectorAll("div.note, div.alert"); -</pre> - -<p>Qui, otteniamo un elenco di elementi <code><p></code> il cui elemento padre immediato è un {{domxref("div")}} con la classe <code>"highlighted"</code> e che si trovano all'interno di un contenitore il cui ID è <code>"test"</code>.</p> - -<pre class="brush: js">var container = document.querySelector("#test"); -var matches = container.querySelectorAll("div.highlighted > p");</pre> - -<p>Questo esempio utilizza un <a href="/en-US/docs/Web/CSS/Attribute_selectors">selettore tramite attributo</a> per restituire un elenco degli elementi {{domxref("iframe")}} nel documento che contengono un attributo denominato <code>"data-src"</code>:</p> - -<pre class="brush: js">var matches = document.querySelectorAll("iframe[data-src]");</pre> - -<p>Qui, un selettore di attributo viene utilizzato per restituire un elenco degli elementi di elenco contenuti in un elenco il cui ID è <code>"userlist"</code> con l'attributo <code>"data-active"</code> il cui valore è <code>"1"</code>:</p> - -<pre class="brush: js">var container = document.querySelector("#userlist"); -var matches = container.querySelectorAll("li[data-active='1']");</pre> - -<h3 id="Accedere_ai_risultati">Accedere ai risultati</h3> - -<p>Una volta che viene restituita la {{domxref("NodeList")}} degli elementi corrispondenti, è possibile esaminarla come qualsiasi array. Se l'array è vuoto (ovvero la sua proprietà <code>length</code> è 0), non è stato trovato alcun elemento.</p> - -<p>Altrimenti, puoi semplicemente usare la notazione array standard per accedere ai contenuti della lista. È possibile utilizzare qualsiasi istruzione di loop comune, come ad esempio:</p> - -<pre class="brush: js">var highlightedItems = userList.querySelectorAll(".highlighted"); - -highlightedItems.forEach(function(userItem) { - deleteUser(userItem); -});</pre> - -<h2 id="Note_dell'utente">Note dell'utente</h2> - -<p><code>querySelectorAll()</code> si comporta in modo diverso rispetto alle più comuni librerie DOM JavaScript, il che potrebbe portare a risultati imprevisti.</p> - -<h3 id="HTML">HTML</h3> - -<p>Considera questo HTML, con i suoi tre blocchi {{HTMLElement("div")}} nidificati.</p> - -<pre class="brush: html"><div class="outer"> - <div class="select"> - <div class="inner"> - </div> - </div> -</div></pre> - -<h3 id="JavaScript">JavaScript</h3> - -<pre class="brush: js">var select = document.querySelector('.select'); -var inner = select.querySelectorAll('.outer .inner'); -inner.length; // 1, not 0! -</pre> - -<p>In questo esempio, quando si seleziona <code>".outer .inner"</code> nel contesto <code><div></code> con la classe <code>"select"</code>, si trova ancora l'elemento con la classe <code>".inner"</code> anche se <code>.outer</code> non è un discendente dell'elemento base su cui viene eseguita la ricerca (<code>".select"</code>). Per impostazione predefinita, <code>querySelectorAll()</code> verifica solo che l'ultimo elemento nel selettore si trovi all'interno dell'ambito di ricerca.</p> - -<p>La pseudo-classe {{cssxref(":scope")}} ripristina il comportamento previsto, trova solo i selettori corrispondenti sui discendenti dell'elemento base:</p> - -<pre class="brush: js">var select = document.querySelector('.select'); -var inner = select.querySelectorAll(':scope .outer .inner'); -inner.length; // 0 -</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-parentnode-queryselectorall", "ParentNode.querySelectorAll()")}}</td> - <td>{{Spec2("DOM WHATWG")}}</td> - <td>Standard di vita</td> - </tr> - <tr> - <td>{{SpecName("Selectors API Level 2", "#dom-parentnode-queryselectorall", "ParentNode.querySelectorAll()")}}</td> - <td>{{Spec2("Selectors API Level 2")}}</td> - <td>Nessun cambiamento</td> - </tr> - <tr> - <td>{{SpecName("DOM4", "#dom-parentnode-queryselectorall", "ParentNode.querySelectorAll()")}}</td> - <td>{{Spec2("DOM4")}}</td> - <td>Definizione iniziale</td> - </tr> - <tr> - <td>{{SpecName("Selectors API Level 1", "#interface-definitions", "document.querySelector()")}}</td> - <td>{{Spec2("Selectors API Level 1")}}</td> - <td>Definizione originale</td> - </tr> - </tbody> -</table> - -<h2 id="Compatibilità_con_i_browser">Compatibilità con i browser</h2> - -<div> - - -<p>{{Compat("api.Document.querySelectorAll")}}</p> -</div> - -<h2 id="Vedi_anche">Vedi anche</h2> - -<ul> - <li><a href="https://developer.mozilla.org/it/docs/Web/API/Document_Object_Model/Locating_DOM_elements_using_selectors">Individuazione degli elementi DOM mediante selettori</a></li> - <li><a href="/en-US/docs/Web/CSS/Attribute_selectors">Attribute selectors</a> nella guida sul CSS</li> - <li><a href="/en-US/docs/Learn/CSS/Introduction_to_CSS/Attribute_selectors">Attribute selectors</a> nell'area di apprendimento di MDN</li> - <li>{{domxref("Element.querySelector()")}} e {{domxref("Element.querySelectorAll()")}}</li> - <li>{{domxref("Document.querySelector()")}}</li> - <li>{{domxref("DocumentFragment.querySelector()")}} e {{domxref("DocumentFragment.querySelectorAll()")}}</li> - <li>{{domxref("ParentNode.querySelector()")}} e {{domxref("ParentNode.querySelectorAll()")}}</li> - <li><a href="/en-US/docs/Code_snippets/QuerySelector" title="Code_snippets/QuerySelector">Code snippets for <code>querySelector()</code></a></li> -</ul> diff --git a/files/it/web/api/document/referrer/index.html b/files/it/web/api/document/referrer/index.html deleted file mode 100644 index 8cefd3c9ac..0000000000 --- a/files/it/web/api/document/referrer/index.html +++ /dev/null @@ -1,23 +0,0 @@ ---- -title: document.referrer -slug: Web/API/Document/referrer -translation_of: Web/API/Document/referrer ---- -<div>{{APIRef("DOM")}}</div> - -<p>Restituisce l'<a class="external" href="http://www.w3.org/Addressing/#background">URI</a> della pagina che l'utente ha visitato e che conteneva il link al documento corrente.</p> - -<h3 id="Sintassi" name="Sintassi">Sintassi</h3> - -<pre class="eval"><i>stringa</i> = document.referrer -</pre> - -<h3 id="Note" name="Note">Note</h3> - -<p>Il valore è una stringa vuota se l'utente si è recato alla pagina corrente digitando l'indirizzo direttamente o attraverso un bookmark. Siccome questa proprietà restituisce solo una stringa, non fornisce un accesso al DOM della pagina a cui si riferisce.</p> - -<h3 id="Specifiche" name="Specifiche">Specifiche</h3> - -<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-95229140">DOM Level 2: referrer</a></p> - -<p>{{ languages( { "pl": "pl/DOM/document.referrer" } ) }}</p> diff --git a/files/it/web/api/document/stylesheets/index.html b/files/it/web/api/document/stylesheets/index.html deleted file mode 100644 index 36e27c66c6..0000000000 --- a/files/it/web/api/document/stylesheets/index.html +++ /dev/null @@ -1,45 +0,0 @@ ---- -title: document.styleSheets -slug: Web/API/Document/styleSheets -tags: - - DOM - - Gecko - - Reference_del_DOM_di_Gecko - - Tutte_le_categorie -translation_of: Web/API/DocumentOrShadowRoot/styleSheets -translation_of_original: Web/API/Document/styleSheets -original_slug: Web/API/DocumentOrShadowRoot/styleSheets ---- -<p>{{APIRef("DOM")}}</p> - -<p>Restituisce una lista di oggetti <a href="it/DOM/stylesheet">stylesheet</a> per i fogli stile esplicitamente linkati o inclusi nel documento.</p> - -<h3 id="Propriet.C3.A0" name="Propriet.C3.A0">Proprietà</h3> - -<p><code>styleSheetList.length</code> - restituisce il numero di oggetti stylesheet contenuti nell'oggetto.</p> - -<h3 id="Sintassi" name="Sintassi">Sintassi</h3> - -<pre class="eval"><i>styleSheetList</i> = -<i>document</i>.styleSheets -</pre> - -<p>L'oggetto restituito è di tipo <a class="external" href="http://www.w3.org/TR/DOM-Level-2-Style/stylesheets.html#StyleSheets-DocumentStyle-styleSheets">StyleSheetList</a>.</p> - -<p>E' una collezione ordinata di oggetti <a href="it/DOM/stylesheet">stylesheet</a>. <code> - <i>styleSheetList</i> - .item( - - <i>indice</i> - )</code> o semplicemente <code> - <i>styleSheetList</i> - {{ mediawiki.external(' - - <i>indice</i> - ') }}</code> restituisce un singolo oggetto stylesheet indicato dall'indice (<code>indice</code> comincia da 0).</p> - -<h3 id="Specifiche" name="Specifiche">Specifiche</h3> - -<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-Style/stylesheets.html#StyleSheets-DocumentStyle-styleSheets">DOM Level 2 Style: styleSheets</a></p> - -<p>{{ languages( { "ja": "ja/DOM/document.styleSheets", "pl": "pl/DOM/document.styleSheets" } ) }}</p> diff --git a/files/it/web/api/document/title/index.html b/files/it/web/api/document/title/index.html deleted file mode 100644 index 5e93fa8318..0000000000 --- a/files/it/web/api/document/title/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: document.title -slug: Web/API/Document/title -translation_of: Web/API/Document/title ---- -<p>{{APIRef("DOM")}}<code>document.title</code> restituisce il titolo del documento.</p> - -<h3 id="Sintassi" name="Sintassi">Sintassi</h3> - -<pre class="eval"><i>sTitle</i> = document.title -</pre> - -<h3 id="Parametri" name="Parametri">Parametri</h3> - -<ul> - <li><code>sTitle</code> è una stringa che contiene il titolo del documento corrente.</li> -</ul> - -<h3 id="Esempio" name="Esempio">Esempio</h3> - -<pre><html> - <title>Ciao mondo!</title> - <body> -... -// document.title restituisce "Ciao mondo!" -</pre> - -<h3 id="Specifiche" name="Specifiche">Specifiche</h3> - -<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-18446827">DOM Level 2: title</a></p> - -<p>{{ languages( { "pl": "pl/DOM/document.title" } ) }}</p> diff --git a/files/it/web/api/document/url/index.html b/files/it/web/api/document/url/index.html deleted file mode 100644 index e3a04cf953..0000000000 --- a/files/it/web/api/document/url/index.html +++ /dev/null @@ -1,29 +0,0 @@ ---- -title: document.URL -slug: Web/API/Document/URL -translation_of: Web/API/Document/URL ---- -<div>{{APIRef("DOM")}}</div> - -<p>Restituisce l'URL del documento corrente.</p> - -<h3 id="Sintassi" name="Sintassi">Sintassi</h3> - -<pre class="eval"><i>stringa</i> = document.URL -</pre> - -<h3 id="Esempio" name="Esempio">Esempio</h3> - -<pre class="eval">var currentURL = document.URL; -alert(currentURL); -</pre> - -<h3 id="Notes.C3.B9" name="Notes.C3.B9">Notesù</h3> - -<p><code>URL</code> è un sostituto della proprietà non standard <code>document.location.href</code>. Tuttavia <code>document.URL</code> è di sola lettura, diversamente da <code>document.location.href</code>.</p> - -<h3 id="Specifiche" name="Specifiche">Specifiche</h3> - -<p><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-46183437">DOM Level 2 HTML: URL</a></p> - -<p>{{ languages( { "ja": "ja/DOM/document.URL", "pl": "pl/DOM/document.URL" } ) }}</p> diff --git a/files/it/web/api/document/width/index.html b/files/it/web/api/document/width/index.html deleted file mode 100644 index 82756dbbc7..0000000000 --- a/files/it/web/api/document/width/index.html +++ /dev/null @@ -1,32 +0,0 @@ ---- -title: document.width -slug: Web/API/Document/width -translation_of: Web/API/Document/width ---- -<div>{{APIRef("DOM")}}</div> - -<p>Restituisce la larghezza in pixel dell'elemento body del documento corrente.</p> - -<p>Non supportato da IE.</p> - -<h3 id="Sintassi" name="Sintassi">Sintassi</h3> - -<pre class="eval"><i>pixels</i> = document.width; -</pre> - -<h3 id="Esempio" name="Esempio">Esempio</h3> - -<pre class="eval">function init() { - alert("La larghezza del documento è di " + document.width + " pixel."); -} -</pre> - -<h3 id="Note" name="Note">Note</h3> - -<p>Si veda <code><a href="it/DOM/document.height">document.height</a></code>.</p> - -<h3 id="Specifiche" name="Specifiche">Specifiche</h3> - -<p>DOM Level 0. Non è parte di uno standard.</p> - -<p>{{ languages( { "pl": "pl/DOM/document.width" } ) }}</p> diff --git a/files/it/web/api/document/write/index.html b/files/it/web/api/document/write/index.html deleted file mode 100644 index 0337177181..0000000000 --- a/files/it/web/api/document/write/index.html +++ /dev/null @@ -1,74 +0,0 @@ ---- -title: Document.write() -slug: Web/API/Document/write -translation_of: Web/API/Document/write ---- -<p>{{ ApiRef("DOM") }}</p> - -<h3 id="Summary" name="Summary">Riassunto</h3> - -<p>Scrive una stringa di testo in un flusso di documento aperto da <a href="/en-US/docs/Web/API/document.open" title="/en-US/docs/Web/API/document.open">document.open()</a>.</p> - -<h3 id="Syntax" name="Syntax">Sintassi</h3> - -<pre class="eval">document.write(<em>markup</em>); -</pre> - -<ul> - <li><code>markup</code> è una stringa contenente il testo da scrivere nel documento.</li> -</ul> - -<h3 id="Example" name="Example">Example</h3> - -<pre class="brush: html"><html> - -<head> -<title>write example</title> - -<script type="text/javascript"> - -function newContent() -{ -alert("load new content"); -document.open(); -document.write("<h1>Out with the old - in with the new!</h1>"); -document.close(); -} - -</script> -</head> - -<body onload="newContent();"> -<p>Some original document content.</p> -</body> -</html> -</pre> - -<h3 id="Notes" name="Notes">Note</h3> - -<p>La scrittura di un documento che è gia stato caricato senza <a href="/en-US/docs/Web/API/document.open" title="/en-US/docs/Web/API/document.open">document.open()</a> eseguirà automaticamente <code>document.open</code>. Una volta che hai finito di scrivere, si consiglia di chiamare <a href="/en-US/docs/Web/API/document.close" title="/en-US/docs/Web/API/document.close">document.close()</a>, per dire al browser di completare il caricamento della pagina. Il testo che si scrive viene analizzato nel modello struttura del documento. Nell'esempio precedente, l'<code>h1</code> diventa nodo del documento.</p> - -<p>Se il <code>document.write()</code> viene incorporato direttamente nel codice HTML, allora non chiamerà il <code>document.open()</code>. Per esempio:</p> - -<pre class="brush: html"> <div> - <script type="text/javascript"> - document.write("<h1>Main title</h1>") - </script> - </div> -</pre> - -<div class="note"><strong>Nota:</strong> <strong>document.write</strong> (come <strong>document.writeln</strong>) non lavora in documenti XHTML (si otterrà "Operazione non ammessa" (<code>NS_ERROR_DOM_NOT_SUPPORTED_ERR</code>) nella console). Questo è il caso se l'apertura di un file locale con estensione .xhtml, o per qualsiasi documento servito con un tipo MIME application/xhtml+xml . Ulteriori informazioni sono disponibili nel <a class="external" href="http://www.w3.org/MarkUp/2004/xhtml-faq#docwrite" title="http://www.w3.org/MarkUp/2004/xhtml-faq#docwrite">W3C XHTML FAQ</a>.</div> - -<h3 id="Specification" name="Specification">Specificazioni</h3> - -<ul> - <li><a class="external" href="http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-75233634">DOM Level 2 HTML: <code>write()</code> Method</a></li> - <li><a class="external" href="http://www.w3.org/html/wg/drafts/html/CR/webappapis.html#dynamic-markup-insertion" title="http://dev.w3.org/html5/spec/content-models.html#dynamic-markup-insertion">Dynamic markup insertion in HTML</a></li> -</ul> - -<h3 id="See_also" name="See_also">Vedi anche</h3> - -<ul> - <li>{{ domxref("element.innerHTML") }}</li> - <li>{{ domxref("document.createElement()") }}</li> -</ul> diff --git a/files/it/web/api/document/writeln/index.html b/files/it/web/api/document/writeln/index.html deleted file mode 100644 index 080eb49c4e..0000000000 --- a/files/it/web/api/document/writeln/index.html +++ /dev/null @@ -1,34 +0,0 @@ ---- -title: Document.writeln() -slug: Web/API/Document/writeln -translation_of: Web/API/Document/writeln ---- -<p>{{ ApiRef("DOM") }}</p> - -<p>Scrive una stringa di testo seguita da un carattere di accapo nel documento.</p> - -<h2 id="Syntax" name="Syntax">Sintassi</h2> - -<pre class="eval">document.writeln(<em>riga</em>); -</pre> - -<h3 id="Parameters" name="Parameters">Parametri</h3> - -<ul> - <li><code>riga</code> è una stringa contenente una riga di testo.</li> -</ul> - -<h2 id="Example" name="Example">Esempio</h2> - -<pre>document.writeln("<p>inserisci una password:</p>"); -</pre> - -<h2 id="Notes" name="Notes">Note</h2> - -<p><strong>document.writeln</strong> è uguale a <a href="/en/DOM/document.write" title="en/DOM/document.write">document.write</a>, in più aggiunge una nuova riga.</p> - -<div class="note"><strong>Nota:</strong> <strong>document.writeln</strong> (come <strong>document.write</strong>) non funziona nei documenti XHTML (restituisce un errore "Operation is not supported" (Operazione non supportata) (<code>NS_ERROR_DOM_NOT_SUPPORTED_ERR</code>) sulla console degli errori). Questo può capitare per esempio aprendo un file locale con estensione .xhtml o qualsiasi documento da un server che abbia MIME type application/xhtml+xml. Altre informazioni sono disponibili nelle <a class="external" href="http://www.w3.org/MarkUp/2004/xhtml-faq#docwrite" title="http://www.w3.org/MarkUp/2004/xhtml-faq#docwrite">W3C XHTML FAQ</a>.</div> - -<h2 id="Specification" name="Specification">Specifiche</h2> - -<p><a class="external" href="http://www.w3.org/TR/2000/WD-DOM-Level-2-HTML-20001113/html.html#ID-35318390">writeln </a></p> |