Come faccio a interfacciarmi con determinati elementi (ad esempio tutti gli <span>) presenti all'interno di un livello?

Per prima cosa devi individuare il livello (cioè il <div> caratterizzato da un selettore che lo individua in maniera univoca).
Poi devi costruire un array con gli elementi che ti interessano.

Ad esempio per interfacciarsi a questa struttura del documento:

<div id=”mioEl”>
<span>uno</span>
<span>due</span>
</div>

Devi utilizzare questa sintassi:

var arrayDiSpan= document.getElementById(‘mioEl’).getElementsByTagName(‘span’);

Poi devi scorrere l’array che hai appena creato, così potrai interfacciarti a ogni elemento. Ad esempio per colorare il testo degli span in rosso:

var lun= arrayDiSpan.lenght; //individuo la lunghezza dell’array

for (n=0;n<lun;n++) {
arrayDiSpan[n].style.color=”red”;
}

Da notare che ogni elemento dell’array è individuato da:

arrayDiSpan[n]

che potremmo anche scrivere con:

arrayDiSpan.item(n)