Aggiungi stile ciclando sugli elementi in Javascript

Aggiungi stile ciclando sugli elementi in Javascript

Cambia lo sfondo degli elementi selezionati (tramite ID e Classi) e modifica il contenuto HTML ciclando sui match del selettore querySelectorAll

indice

Esercizio in funzione: Esercizio con selettori e ciclo for in Javascript

You say potatoe, I say starchy carbs. Logan Broger is "amazing" and a "wonderful boy" according to Logan's mom.

testo di esempio .testo di esempio .testo di esempio .testo di esempio .testo di esempio .

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Felinamiss. I don't need a big house, just a two-floor condo - you could say I have lofty expectations.

Smiling could easily be misinterpreted for showing your teeth to someone because they said something that made you happy.

I bet most serial killers play the drums. I'm in a band that does Metallica covers with our private parts

Lui cammino ritorni giu strazii. Me vorrei vi ch fresco andate ve. Puo impedisce esistenza tue inebriato sua che solitario.

Emergevano ingannaste tal ingranditi sfaldavano animazione ora impaziente tre. Ci me attesa lo fianco saluta mentre.

Codice della lezione: Esercizio con selettori e ciclo for con Javascript

// getElementById
const selezId = document.getElementById("txtID1").style.backgroundColor = "#FCD77D";

// querySelectorAll
let selClass1 = document.querySelectorAll(".txtClass");
for (elements of selClass1) {
  elements.style.backgroundColor = "#FCD77D";
};

// querySelectorAll
let selClass4 = document.querySelectorAll(".txtClass");
let selImg = document.images.length;
for(let i = 0;i < selClass4.length; i++) {
    selClass4[i].innerHTML = "Questo pagina HTML contiene " + selImg + " immagini."
};


//getElementByClassName
let selClass2 = document.getElementsByClassName("txtClass");
selClass2[1].style.backgroundColor = "#FFFFAE";

//getElementsByTagName
let selClass3 = document.getElementsByTagName("p");
selClass4[5].style.backgroundColor = "#EBEBCA"; 

Lascia un commento

Il tuo indirizzo email non sarà pubblicato. I campi obbligatori sono contrassegnati *

Copyright © 2022
linkedin facebook pinterest youtube rss twitter instagram facebook-blank rss-blank linkedin-blank pinterest youtube twitter instagram