Css . का उपयोग करना शैली जिसे हम छिपा . कर सकते हैं या दिखाएं जावास्क्रिप्ट में HTML तत्व। सीएसएस ब्लॉक . जैसे गुण प्रदान करता है और कोई नहीं HTML तत्वों को छिपाने/दिखाने के लिए।
तत्व छिपाना
उदाहरण
निम्नलिखित उदाहरण में जब "Hideme" बटन ने पैराग्राफ टैग में टेक्स्ट पर क्लिक किया है तो वह गायब हो गया है जैसा कि आउटपुट में दिखाया गया है।
<html> <body> <p id="hide">Using JavaScript to hide HTML elements.</p> <input type="button" onclick="document.getElementById('hide').style.display='none' value="Hideme"> </body> </html>
एक बार उपरोक्त कोड निष्पादित हो जाने के बाद, निम्नलिखित प्रदर्शित होंगे
उपरोक्त ब्लॉक से, यदि हम "Hideme" बटन पर क्लिक करते हैं, तो ब्लॉक में मौजूद टेक्स्ट गायब हो जाएगा जैसा कि आउटपुट में दिखाया गया है, केवल बटन को छोड़कर।
आउटपुट
तत्व दिखा रहा है
उदाहरण
निम्नलिखित उदाहरण में, पैराग्राफ टैग में टेक्स्ट शुरू में छिपा हुआ है लेकिन जब "शोमे" पर क्लिक किया जाता है तो टेक्स्ट आउटपुट में दिखाया गया है।
<html> <body> <p id="show" style="display:none">JavaScript can show hidden HTML elements</p> <input type="button"onclick="document.getElementById('show').style.display='block'"value="ShowMe"> </body> </html>
एक बार उपरोक्त कोड निष्पादित हो जाने पर, निम्नलिखित स्क्रीन पर प्रदर्शित होंगे
यदि हम उपरोक्त बटन पर क्लिक करते हैं तो निम्न आउटपुट निष्पादित होगा
आउटपुट