Stilu atiestatīšana caur style JavaScript
Pieņemsim, ka mēs pēc kāda notikuma nolēmām paslēpt elementu:
elem.style.display = 'none';
Pieņemsim, ka tagad mēs nolēmām to atkal parādīt.
Tas nozīmē, ka īpašumam display ir jāatgriež
tā sākotnējā vērtība.
Piemēram, šādi:
elem.style.display = 'block';
Problēma ir tā, ka tas nav ērti.
Galu galā sākotnējā vērtība ne vienmēr
bija tieši block. Tā varēja būt
gan flex, gan inline-block,
un kaut kas cits. To varēja iestatīt mums
CSS failā, vai arī to varēja paņemt pārlūkprogramma
pēc noklusējuma. Izsekot pareizajai
vērtībai ir grūti.
Par laimi, ir veids, kā viegli atgriezt sākotnējo īpašuma vērtību atpakaļ. Vienkārši kā īpašuma vērtība ir jāpiešķir tam tukša virkne:
elem.style.display = '';
Dots div un divas pogas. Noklikšķinot uz pirmās pogas, paslēpiet div, bet noklikšķinot uz otrās - parādiet.
Dots div un divas pogas. Noklikšķinot uz pirmās pogas, iekrāsojiet div krāsu sarkanā krāsā, bet noklikšķinot uz otrās - atgrieziet sākotnējo krāsu.
