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

जावास्क्रिप्ट के साथ HTML एलिमेंट कैसे प्रदर्शित करें?


किसी एलिमेंट को दिखाने के लिए जावास्क्रिप्ट में visibility प्रॉपर्टी का उपयोग करें। visibility प्रॉपर्टी के साथ कैसे काम करें, यह सीखने के लिए निम्न कोड चलाकर देखें:

उदाहरण

<!DOCTYPE html> <html>    <body>       <p id="pid">Demo Text</p>       <button type = "button" onclick = "displayHide()"> छिपाएं </button>       <button type = "button" onclick = "displayShow()"> दिखाएं </button>       <script>          function displayHide() {             document.getElementById("pid").style.visibility = "hidden";          }          function displayShow() {             document.getElementById("pid").style.visibility = "visible";          }       </script>    </body> </html>

  1. JavaScript में ID द्वारा एलिमेंट हटाना JavaScript में ID द्वारा एलिमेंट हटाना

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

  1. JavaScript में टेक्स्टबॉक्स का मान कैसे प्रदर्शित करें JavaScript में टेक्स्टबॉक्स का मान कैसे प्रदर्शित करें

    टेक्स्ट बॉक्स से मान निकालने के लिए value का उपयोग करें और पैराग्राफ में innerHTML से प्रदर्शित करें।उदाहरणकोड निम्न है:<!DOCTYPE html> <html lang=en> <head>    <meta charset=UTF-8>    <meta name=viewport content=width=device-width, initial-scale=1.0>

  1. CSS से होवर पर एलिमेंट कैसे दिखाएं? CSS से होवर पर एलिमेंट कैसे दिखाएं?

    एडजेसेंट सिबलिंग सिलेक्टर (+) और :hover से एक तत्व पर होवर करने पर उसका अगला भाई तत्व दिखाएं। छुपे तत्व पर display: none, होवर पर display: block। उदाहरण <!DOCTYPE html> <html> <head> <style> body { margin: 20px; padding: 20px; font-family: Segoe UI, Tahoma, Geneva, Ve