El DOM conecta JavaScript con la página

El navegador convierte el HTML en un árbol de objetos llamado DOM. document representa ese documento. JavaScript puede seleccionar un nodo con querySelector; si no existe, el resultado es null, por lo que el selector debe corresponder con el HTML.