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:

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

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

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

Jepet një div dhe dy butona. Me klikim në butonin e parë fsheh div-in, dhe me klikim në të dytin - shfaqe.

Задание 2

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.