JavaScript арқылы style арқылы стильдерді қалпына келтіру
Біз элементті жасыруға белгілі бір оқиға бойынша шешім қабылдадық делік:
elem.style.display = 'none';
Енді оны қайтадан көрсетуге шешім қабылдадық делік. Бұл display
қасиетіне оның бастапқы мәнін қайтару керек дегенді білдіреді.
Мысалы, былай:
elem.style.display = 'block';
Мәселе мынада, бұл ыңғайлы емес.
Өйткені бастапқы мән міндетті түрде
block болмауы мүмкін. Ол
flex, не inline-block,
немесе басқа нәрсе болуы мүмкін. Ол бізден
CSS файлында орнатылуы мүмкін,
не браузерде әдепкі бойынша алынуы мүмкін. Дұрыс
мәнді бақылау қиын.
Бақытымызға орай, бастапқы қасиет мәнін оңай қайтарудың тәсілі бар. Жай ғана қасиет мәні ретінде оған бос жол тағайындау керек:
elem.style.display = '';
Див және екі түйме берілген. Бірінші түймені басқанда дивті жасырыңыз, ал екіншісін басқанда - көрсетіңіз.
Див және екі түйме берілген. Бірінші түймені басқанда див түсін қызыл түске бояңыз, ал екіншісін басқанда - бастапқы түсті қайтарыңыз.
