Ресетовање стилова преко style у JavaScript-у
Претпоставимо да смо на основу неког догађаја одлучили да сакријемо елемент:
elem.style.display = 'none';
Претпоставимо сада да смо одлучили да га
поново прикажемо. То значи да својству
display треба
вратити његову почетну вредност.
На пример, овако:
elem.style.display = 'block';
Проблем је у томе што то није практично.
Наиме, почетна вредност није нужно
била управо block. Могла је
бити и flex, и inline-block,
или нешто друго. Могла је бити задата нама
у CSS датотеци, или ју је браузер могао
узимати подразумевану. Пратити исправну
вредност је тешко.
Срећом, постоји начин да лако вратимо почетну вредност својства. Једноставно треба као вредност својства доделити му празан стринг:
elem.style.display = '';
Дат је div и два дугмета. Кликом на прво дугме сакријте див, а кликом на друго - прикажите га.
Дат је div и два дугмета. Кликом на прво дугме обојите позадину дива црвеном бојом, а кликом на друго - вратите почетну боју.
