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

केवल जावास्क्रिप्ट के साथ चयनित div पर छुपा वर्ग टॉगल करें?

<घंटा/>

केवल चयनित डिव पर हाइड क्लास को टॉगल करने के लिए, आपको क्लिक बटन पर ईवेंट सेट करना होगा। मान लें कि आपको + चिह्न के क्लिक पर एक विशिष्ट div को छिपाने की आवश्यकता है।

फ़ॉन्ट + या - आइकन प्राप्त करने के लिए, आपको फ़ॉन्ट-विस्मयकारी लिंक करना होगा -

+ चिह्न -

. पर क्लिक करने पर हाइड क्लास को टॉगल करने के लिए कोड निम्नलिखित है

उदाहरण

<शीर्षक>दस्तावेज़ 

 उपरोक्त प्रोग्राम को चलाने के लिए, फ़ाइल नाम "anyName.html(index.html)" को सेव करें और फ़ाइल पर राइट क्लिक करें। वीएस कोड संपादक में "लाइव सर्वर के साथ खोलें" विकल्प चुनें।
 
आउटपुट
 

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

 केवल जावास्क्रिप्ट के साथ चयनित div पर छुपा वर्ग टॉगल करें? 
 

 "ग्राहक 1" के अलावा प्लस आइकन पर क्लिक करने के बाद, आपको निम्न आउटपुट मिलेगा यानी Customer2div गायब हो जाएगा -
 

 केवल जावास्क्रिप्ट के साथ चयनित div पर छुपा वर्ग टॉगल करें?
  1. जावास्क्रिप्ट div वर्ग के साथ एक विशेष तत्व पर ध्यान केंद्रित करता है, div id घोषणा नहीं?

    आप फोकस() की अवधारणा का उपयोग कर सकते हैं। निम्नलिखित जावास्क्रिप्ट कोड है - उदाहरण <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>

  1. कैसे बटन क्लिक पर जावास्क्रिप्ट में एक div छिपाने के लिए?

    मान लें कि निम्नलिखित हमारा div है - <div id="showOrHide"> Welcome in JavaScript </div> निम्नलिखित हमारा बटन है। क्लिक करने पर, उपरोक्त डिव छिप जाना चाहिए - <button onclick="showOrHideDiv()">Click The Button</button> div को छिपाने के लिए JavaScript में s

  1. जावास्क्रिप्ट के साथ एक डिव का स्क्रीनशॉट कैसे लें

    हमें अपने मार्कअप के उस हिस्से (भागों) को कैप्चर (छवि में बदलना) आवश्यक है जो हमारी वेबसाइट को प्रस्तुत करता है और उस कैप्चर की गई छवि को सहेजता है या इसके साथ कुछ करता है। इसलिए, हमें एक ऐसा तरीका तैयार करने की आवश्यकता है जिसका उपयोग करके हम इस वर्णित व्यवहार को प्राप्त कर सकें। चूंकि हमारी समस्य