AprenderJavaScript
Web API · DOM

querySelector

Método DOM que devuelve el primer elemento que coincide con un selector CSS.

document.querySelector busca el primer elemento que coincide con un selector CSS. Si no existe, devuelve null.

Ejemplo

Web API · DOM
// En un documento que contiene <h1>Hola</h1>:
const titulo = document.querySelector('h1');
if (titulo) titulo.textContent = 'Actualizado';
const inexistente = document.querySelector('.no-existe');
console.log(inexistente); // null

Evita esta confusión

Comprueba si devolvió null antes de usar propiedades. El selector y el momento en que se ejecuta el script importan.