JavaScript හරහා style භාවිතයෙන් ශෛලීන් නැවත සකස් කිරීම

සමහරුන්ට යම් සිදුවීමකින් පසු අපි මූලද්‍රව්‍යය සැඟවීමට තීරණය කළා යැයි සිතමු:

javascriptelem.style.display = 'none';

දැන් අපි එය නැවත පෙන්වීමට තීරණය කළා යැයි සිතමු. මෙයින් අදහස් කරන්නේ display ගුණාංගයට එහි මුල් අගය නැවත ලබා දිය යුතු බවයි. උදාහරණයක් ලෙස, මෙසේ:

javascriptelem.style.display = 'block';

ගැටලුව වන්නේ මෙය පහසු නොවීමයි. මක්නිසාද යත් මුල් අගය අනිවාර්යයෙන්ම block විය යුතු නොවේ. එය flex, හෝ inline-block, හෝ වෙනත් යමක් විය හැකිය. එය අප විසින් CSS ගොනුවක නියම කර තිබිය හැකිය, නැතහොත් බ්‍රවුසරය විසින් පෙරනිමි ලෙස ගත හැකිය. නිවැරදි අගය අවධානයෙන් තබා ගැනීම දුෂ්කරය.

වාසනාවකට මෙන්, ගුණාංගයේ මුල් අගය පහසුවෙන් නැවත ලබා ගැනීමට ක්‍රමයක් තිබේ. සරලවම ගුණාංගයේ අගය ලෙස හිස් තන්තුවක් පවරා දීමයි:

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

div එකක් සහ බොත්තම් දෙකක් දී ඇත. පළමු බොත්තම ක්ලික් කිරීමෙන් div එක සඟවන්න, දෙවන බොත්තම ක්ලික් කිරීමෙන් - නැවත පෙන්වන්න.

Задание 2

div එකක් සහ බොත්තම් දෙකක් දී ඇත. පළමු බොත්තම ක්ලික් කිරීමෙන් div එකේ වර්ණය රතු වර්ණයට වර්ණාන්විත කරන්න, දෙවන බොත්තම ක්ලික් කිරීමෙන් - මුල් වර්ණය නැවත ලබා දෙන්න.