JavaScript: l'esistenza degli elementi nel DOM e la loro verifica

Nel DOM esistono due tipi di elementi: elementi singoli e gruppi di elementi (collezioni). Per ciascuno di questi tipi di elementi la procedura di verifica della loro esistenza è diversa.

Quando un elemento singolo non esiste, il valore restituito è null:

const element = document.querySelector('#test');
if(element !== null) {
	// Esiste
}

Quando un gruppo di elementi non esiste, la proprietà length della collezione è 0:

const elements = document.querySelectorAll('.test');
if(elements.length > 0) {
	// Esistono
}