पृष्ठ स्थान का त्याग किए बिना तत्वों को छिपाना

जब DOM में अपनी उपस्थिति बनाए रखते हुए दृश्य प्रदर्शन से तत्वों को हटाने का प्रयास किया जाता है, तो एक सामान्य दृष्टिकोण इसमें दृश्यता:छिपी विशेषता का उपयोग करना शामिल है। हालाँकि, इस पद्धति से छिपे हुए तत्वों द्वारा लगातार स्थान पर कब्जा किया जा सकता है।

किसी भी दृश्य निशान को पीछे छोड़े बिना तत्वों को प्रभावी ढंग से छिपाने के लिए, डिस्प्ले:नॉन प्रॉपर्टी को डिस्प्ले:ब्लॉक के साथ जोड़कर अनहाइड करने पर विचार करें।

डिस्प्ले के साथ छिपाना: कोई नहीं

आप जिस तत्व को चाहते हैं उस पर डिस्प्ले: कोई नहीं लागू करें अस्पष्ट:

element {
  display: none;
}

तत्व { प्रदर्शन: ब्लॉक; }

यह विधि आपको डीओएम में उनकी उपस्थिति या पृष्ठ पर उनके निर्दिष्ट स्थान को प्रभावित किए बिना तत्वों को छिपाने और प्रकट करने में सक्षम बनाती है।