Método querySelector

El método querySelector permite obtener un elemento de la página por un selector CSS arbitrario. Con el elemento obtenido se podrán realizar varias manipulaciones: cambiar su texto, atributos, estilos CSS, etc.

Sintaxis

javascriptdocument.querySelector(selector);

Ejemplo

Obtengamos el párrafo #elem y cambiemos su texto usando textContent:

html<p id="elem">text</p>

javascriptlet elem = document.querySelector('#elem');
elem.textContent = '!!!';

Resultado de ejecutar el código:

html<p id="elem">!!!</p>

Ejemplo

Obtengamos el párrafo con la clase elem y cambiemos su texto:

html<p class="elem">text</p>

javascriptlet elem = document.querySelector('.elem');
elem.textContent = '!!!';

Resultado de ejecutar el código:

html<p id="elem">!!!</p>

Véase también