Elementu aktivizēšana ar JavaScript
Pieņemsim, ka mums ir kāda HTML tabula #table
ar tukšām šūnām.
Izveidosim tā, lai, noklikšķinot uz jebkuras šūnas, tā kaut kādā veidā aktivizētos, piemēram, kļūtu ar sarkanu fonu. Lai to izdarītu, aktivizētajām šūnām piešķirsim kādu CSS klasi:
.active {
background: red;
}
Īstenosim aktivizēšanu:
let tds = document.querySelectorAll('#table td');
for (let td of tds) {
td.addEventListener('click', function() {
this.classList.add('active');
});
}
Dots HTML saraksts ul. Izveidojiet tā,
lai, noklikšķinot uz jebkura saraksta punkta, tas
aktivizētos ar sarkanu fonu.
Modificējiet iepriekšējo uzdevumu tā, lai noklikšķinot uz jau aktivizēta saraksta punkta, aktivizācija no tā tiktu noņemta.
