जावास्क्रिप्ट से HTML टैग्स को हटाना और जोड़ना

HTML टैग्स को हटाने और जोड़ने के लिए, hide() और show() की अवधारणा का उपयोग करें।

मान लीजिए निम्नलिखित हमारे बटन हैं -

बटन क्लिक पर टैग्स को हटाने और जोड़ने के लिए, hie() और show() का उपयोग करें -

$(document).ready(function(){ $("#hide").click(function(){ $("h1").hide(); }); $("#show").click(function(){ $("h1").show(); }); });

उदाहरण

     Document      Test JavaScript

उपरोक्त प्रोग्राम चलाने के लिए, फ़ाइल का नाम "anyName.html(index.html)" से सेव करें और फ़ाइल पर राइट-क्लिक करें। VS कोड एडिटर में "Open with Live Server" विकल्प चुनें।

आउटपुट

यह निम्नलिखित आउटपुट देगा -

जावास्क्रिप्ट से HTML टैग्स को हटाना और जोड़ना

केस 1

जब आप "Click Me To hide above content" बटन पर क्लिक करते हैं, तो आपको निम्नलिखित आउटपुट मिलेगा।

जावास्क्रिप्ट से HTML टैग्स को हटाना और जोड़ना

केस 2

जब आप "Click Me To show above content" बटन पर क्लिक करते हैं, तो आपको निम्नलिखिक आउटपुट मिलेगा।

जावास्क्रिप्ट से HTML टैग्स को हटाना और जोड़ना