Aktivering van Elemente op JavaScript
Laat ons 'n HTML-tabel #table het
met leë selle.
Laat ons dit so maak dat wanneer op enige sel gedruk word, dit op een of ander manier aktiveer, bv. 'n rooi agtergrond kry. Vir dit sal ons 'n CSS-klas gee aan geaktiveerde selle:
.active {
background: red;
}
Laat ons die aktivering implementeer:
let tds = document.querySelectorAll('#table td');
for (let td of tds) {
td.addEventListener('click', function() {
this.classList.add('active');
});
}
Daar is gegee 'n HTML-lys ul. Maak dit so
dat wanneer op enige lysitem gedruk word, dit
geaktiveer word met 'n rooi agtergrond.
Wysig die vorige taak sodat wanneer op 'n reeds geaktiveerde lysitem gedruk word, die aktivering daarvan verwyder word.