Stiilide lähtestamine läbi style JavaScriptis
Oletame, et mingil sündmusel otsustasime elementi peita:
elem.style.display = 'none';
Oletame nüüd, et otsustame selle
uuesti näidata. See tähendab, et
omadusele display tuleb
anda tagasi selle algväärtus.
Näiteks nii:
elem.style.display = 'block';
Probleem on selles, et see pole mugav.
Lõppude lõpuks polnud algväärtus tingimata
just block. See võis olla
flex, inline-block,
või miski muu. Selle võisime määrata
CSS-failis või võib selle võtta brauser
vaikimisi. Õige väärtuse jälgimine on keeruline.
Õnneks on lihtne viis algse omaduse väärtuse tagastamiseks. Tuleb lihtsalt omaduse väärtuseks anda tühi string:
elem.style.display = '';
Antud on div ja kaks nuppu. Esimesele nupule klõpsates peida div, ja teisele nupule klõpsates - näita seda.
Antud on div ja kaks nuppu. Esimesele nupule klõpsates värvige divi taust punaseks, ja teisele nupule klõpsates - taastage algne värv.
