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

डॉक्यूमेंट ऑब्जेक्ट मॉडल (DOM) क्या है?


एक डॉक्यूमेंट ऑब्जेक्ट उस HTML डॉक्यूमेंट को रिप्रेजेंट करता है जो उस विंडो में प्रदर्शित होता है। डॉक्यूमेंट ऑब्जेक्ट में विभिन्न प्रॉपर्टीज होती हैं जो अन्य ऑब्जेक्ट्स को रेफर करती हैं, जो डॉक्यूमेंट कंटेंट को एक्सेस और मॉडिफाई करने की अनुमति देती हैं।

जिस तरह से डॉक्यूमेंट कंटेंट को एक्सेस और मॉडिफाई किया जाता है उसे डॉक्यूमेंट ऑब्जेक्ट मॉडल कहा जाता है, या संक्षेप में DOM। ऑब्जेक्ट्स एक हायरार्की में व्यवस्थित होते हैं। यह हायरार्किकल स्ट्रक्चर वेब डॉक्यूमेंट में ऑब्जेक्ट्स के संगठन पर लागू होता है।

  • Window ऑब्जेक्ट - हायरार्की का शीर्ष। यह ऑब्जेक्ट हायरार्की का सर्वोच्च एलिमेंट है।
  • Document ऑब्जेक्ट - प्रत्येक HTML डॉक्यूमेंट जो विंडो में लोड होता है, एक डॉक्यूमेंट ऑब्जेक्ट बन जाता है। डॉक्यूमेंट में पेज का कंटेंट होता है।
  • Form ऑब्जेक्ट - <form>...</form> टैग्स में संलग्न सब कुछ फॉर्म ऑब्जेक्ट सेट करता है।
  • फॉर्म कंट्रोल एलिमेंट्स - फॉर्म ऑब्जेक्ट में उस ऑब्जेक्ट के लिए परिभाषित सभी एलिमेंट्स होते हैं जैसे टेक्स्ट फील्ड्स, बटन्स, रेडियो बटन्स, और चेकबॉक्स।
  1. HTML DOM Footer ऑब्जेक्ट HTML DOM Footer ऑब्जेक्ट

    HTML DOM Footer ऑब्जेक्ट HTML <footer> तत्व से जुड़ा होता है। <footer> तत्व एक प्रकार का सिमेंटिक टैग है जिसे HTML5 में पेश किया गया था। Footer ऑब्जेक्ट का उपयोग करके हम createElement() और getElementById() मेथड का उपयोग करके क्रमशः <footer> तत्व बना और प्राप्त कर सकते हैं। सिंटैक्

  1. HTML DOM Details ऑब्जेक्ट HTML DOM Details ऑब्जेक्ट

    HTML DOM Details ऑब्जेक्ट HTML <details> तत्व से जुड़ा हुआ है। यह हमें जानकारी छुपाने की अनुमति देता है जिसे केवल तभी प्रदर्शित किया जा सकता है जब उपयोगकर्ता इसे देखना चाहे। गुण Details ऑब्जेक्ट के लिए निम्नलिखित गुण है: क्रमांकगुण एवं विवरण 1openयह सेट या रिटर्न करने के लिए कि विवरण उपयो

  1. HTML DOM टेक्स्टएरिया ऑब्जेक्ट: गुण, मेथड्स और निर्माण HTML DOM टेक्स्टएरिया ऑब्जेक्ट: गुण, मेथड्स और निर्माण

    HTML DOM टेक्स्टएरिया ऑब्जेक्ट HTML दस्तावेज़ के <textarea> एलिमेंट को दर्शाता है। टेक्स्टएरिया ऑब्जेक्ट बनाना सिंटैक्स document.createElement(TEXTAREA); टेक्स्टएरिया ऑब्जेक्ट के गुण गुण व्याख्या autofocus पेज लोड होने पर टेक्स्ट एरिया को ऑटोमेटिकली फोकस करना है या नहीं, लौटाता/संशोधि