Le possibilità per accedere a un elemento della pagina sono tante… ed è facile confondersi
|
<form name="nome1"> <input name="nome2" /> </form> x=document.nome1.nome2; x.value="..."; |
|
L’elemento possiede un identificativo unico nella pagina |
|
<p name="nome">...</p> x=document.all.nome; x.style="..."; x.innerHTML="..."; |
|
L’elemento possiede un nome unico nella pagina |
|
<p name="nome">...</p> x=document.getElementByName("nome"); x.className="..." x.style="..."; x.innerHTML="..."; |
|
L’elemento possiede un nome unico nella pagina |
|
<p id="nome">...</p> x=document.getElementById("nome"); x.style="..."; x.innerHTML="..."; |
|
L’elemento possiede un identificativo unico nella pagina |
|
<p>...</p> x=document.getElementsByTagName("p"); y=x[1]; |
|
Elenco degli elementi di un certo tipo.
Seleziona il 2°… |
|
<p class="classe">...</p> x=document.getElementsByClassName("classe"); |
|
Elenco degli elementi con una certa classe |
|
<img ... /> x=document.images; document.all document.anchors document.forms document.images document.links |
|
Elenco delle immagini nella pagina
… moduli, … |
|
<img id="alfa" ... /> x=document.images["alfa"].width; |
|
La larghezza dell’immagine con l’identificativo … |
… |
… |
Ancora: querySelector()