JavaScript: come verificare se gli elementi esistono

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:

'use strict';

const element = document.querySelector('#test');

if(element !== null) {
	// Esiste
}

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

'use strict';

const elements = document.querySelectorAll('.test');

if(elements.length > 0) {
	// Esistono
}