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
document.querySelector(selector);
Ejemplo
Obtengamos el párrafo #elem y cambiemos
su texto usando textContent:
<p id="elem">text</p>
let elem = document.querySelector('#elem');
elem.textContent = '!!!';
Resultado de ejecutar el código:
<p id="elem">!!!</p>
Ejemplo
Obtengamos el párrafo con la clase elem
y cambiemos su texto:
<p class="elem">text</p>
let elem = document.querySelector('.elem');
elem.textContent = '!!!';
Resultado de ejecutar el código:
<p id="elem">!!!</p>
Véase también
-
método
getElementById,
que obtiene un elemento porid -
método
querySelectorAll,
que obtiene un grupo de elementos por selector
