Stilu atiestatīšana caur style JavaScript

Pieņemsim, ka mēs pēc kāda notikuma nolēmām paslēpt elementu:

javascriptelem.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:

javascriptelem.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:

javascriptelem.style.display = '';
Задание 1

Dots div un divas pogas. Noklikšķinot uz pirmās pogas, paslēpiet div, bet noklikšķinot uz otrās - parādiet.

Задание 2

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.