Che differenza c'è tra getElementById e getElementsByTagName?

Con document.getElementById individui uno specifico elemento della pagina individuato con il selettore css #.
Ad esempio:

<div id=”mioEl”>
…
</div>

è individuato da:

document.getElementById(‘mioEl’);
…
</div>

Con getElementsByTagName (notare la “s” di Elements) individui tutti i tag del tipo indicato. Questo metodo restituisce un array contenente tutti gli elementi della pagina del tipo voluto.

Ad esempio con:

document.getElementsByTagName(“span”);

individui tutti gli <span> del documento.