Le Selector API forniscono due metodi apparentemente simili tra loro, ossia querySelector() e querySelectorAll().
In realtà tra i due metodi esiste una profonda differenza.
Sebbene entrambi usino i selettori CSS, querySelector() reperisce un solo elemento, mentre querySelectorAll() reperisce
più di un elemento o una collezione di elementi.
var element = document.querySelector( "#wrapper" );
var elements = document.querySelectorAll( "#wrapper .article" );
Dall'esempio appare chiara la differenza: se vogliamo selezionare un solo elemento useremo il primo, ma se vogliamo un insieme o collezione di elementi allora useremo il secondo.