Rivendosja e Stileve përmes style në JavaScript
Le të supozojmë se për shkak të një ngjarjeje të caktuar kemi vendosur të fshehim elementin:
elem.style.display = 'none';
Le të supozojmë tani se kemi vendosur ta shfaqim
atë përsëri. Kjo do të thotë se
vetia display duhet
t'i kthehet vlera e saj fillestare.
Për shembull, kështu:
elem.style.display = 'block';
Problemi është se kjo nuk është e përshtatshme.
Në fund të fundit, vlera fillestare nuk ishte domosdoshmërisht
block. Mund të ketë qenë
flex, ose inline-block,
apo diçka tjetër. Mund të jetë caktuar nga ne
në skedarin CSS, ose mund të jetë marrë nga shfletuesi
sipas parazgjedhjes. Është e vështirë të mbash nën kontroll
vlerën e saktë.
Për fat të mirë, ekziston një mënyrë për ta kthyer lehtësisht vlerën fillestare të vetisë. Thjesht duhet të caktohet si vlerë e vetisë një varg bosh:
elem.style.display = '';
Jepet një div dhe dy butona. Me klikim në butonin e parë fsheh div-in, dhe me klikim në të dytin - shfaqe.
Jepet një div dhe dy butona. Me klikim në butonin e parë ngjyros div-in me ngjyrë të kuqe, dhe me klikim në të dytin - kthe ngjyrën fillestare.
