Skip to content

Instantly share code, notes, and snippets.

@parzibyte

parzibyte/script.js

Created Aug 22, 2019
Embed
What would you like to do?
/**
* Demostración del uso de querySelector
* y querySelectorAll en JavaScript
*
* @author parzibyte
* @see https://parzibyte.me/blog
*/
// Uso de querySelectorAll
const $enlaces = document.querySelectorAll("a");
$enlaces.forEach(enlace => {
console.log("Tenemos un enlace cuyo href es: ", enlace.href);
});
// Por clase
const $botonesAzules = document.querySelectorAll("button.btn-primary");
$botonesAzules.forEach(boton => {
console.log("Tenemos un botón azul con el texto: ", boton.textContent);
});
// querySelector para obtener por id
const $parrafoImpresoraSeleccionada = document.querySelector("#impresoraSeleccionada");
// Modificar el texto
$parrafoImpresoraSeleccionada.textContent = "Hola, modificando el texto desde JavaScript";
// Obtener el primer encabezado h1
const $primerEncabezado = document.querySelector("h1");
$primerEncabezado.textContent = "Cambiando el texto del encabezado";
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment