Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> Javascript

जावास्क्रिप्ट में एचटीएमएल तत्वों को कैसे छुपाएं/दिखाएं?

<घंटा/>

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>

एक बार उपरोक्त कोड निष्पादित हो जाने पर, निम्नलिखित स्क्रीन पर प्रदर्शित होंगे

जावास्क्रिप्ट में एचटीएमएल तत्वों को कैसे छुपाएं/दिखाएं?

यदि हम उपरोक्त बटन पर क्लिक करते हैं तो निम्न आउटपुट निष्पादित होगा

आउटपुट

जावास्क्रिप्ट में एचटीएमएल तत्वों को कैसे छुपाएं/दिखाएं?



  1. जावास्क्रिप्ट में बटन क्लिक करने के बाद मेरा टेक्स्टफील्ड खाली कैसे करें?

    इसके लिए आप onclick=“yourFunctionName()”, और - . का उपयोग कर सकते हैं document.getElementById(“”).value=’’ उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=

  1. विंडोज 10 में टास्कबार पर विंडोज इंक वर्कस्पेस बटन को कैसे छिपाएं या दिखाएं

    उन पीसी उपयोगकर्ताओं के लिए जिनके पास सर्फेस प्रो 4 या सर्फेस बुक जैसे सक्रिय पेन वाला उपकरण है - विंडोज इंक वर्कस्पेस डिफ़ॉल्ट रूप से सक्षम है और आपके टास्कबार के अधिसूचना क्षेत्र में पेन बटन के माध्यम से पहुंचा जा सकता है। यदि आपके डिवाइस में इसके साथ सक्रिय पेन नहीं है तो आपको यह बटन दिखाई नहीं द

  1. माइक्रोसॉफ्ट एज ब्राउजर में कलेक्शंस बटन को कैसे दिखाएं या छुपाएं?

    यह लेख संग्रह बटन को दिखाने या छिपाने में आपकी सहायता करेगा माइक्रोसॉफ्ट एज . में ब्राउज़र ताकि आप अपनी आवश्यकता के अनुसार टूलबार को कस्टमाइज़ कर सकें। संग्रह सुविधा उपयोगकर्ताओं को इंटरनेट ब्राउज़ करते समय एकत्रित डेटा या जानकारी को संग्रहीत करने की अनुमति देती है। हालाँकि, यदि आप Microsoft एज ब्रा