जावास्क्रिप्ट हार्ड डोम

HTML DOM के माध्यम से, जेसक्रिप्ट HTML डॉक्यूमेंट के सभी एलीमेंटों को पहुंच सकता है और उन्हें बदल सकता है。

HTML DOM(डॉक्यूमेंट ऑब्जेक्ट मॉडल)

जब वेब पन्ना लोड होता है, ब्राउज़र पन्ने का डॉक्यूमेंट ऑब्जेक्ट मॉडल (DOM) का निर्माण करता है(Document Object Model)。

HTML DOM मॉडल को संरचित किया गया हैऑब्जेक्ट ट्री:

ऑब्जेक्ट का HTML DOM ट्री

DOM हार्ड HTML ट्री

इस ऑब्जेक्ट मॉडल के माध्यम से, जेसक्रिप्ट नए डायनेमिक HTML का सभी शक्ति प्राप्त करता है:

  • जेसक्रिप्ट HTML पन्ने में सभी HTML एलीमेंटों को बदल सकता है
  • जेसक्रिप्ट HTML पन्ने में सभी HTML गुणों को बदल सकता है
  • जेसक्रिप्ट HTML पन्ने में सभी CSS शैलीय सूचना बदल सकता है
  • जेसक्रिप्ट HTML पन्ने में मौजूदा HTML एलीमेंट और गुणों को हटा सकता है
  • जेसक्रिप्ट HTML पन्ने में नए HTML एलीमेंट और गुणों को जोड़ सकता है
  • जेसक्रिप्ट HTML पन्ने में सभी मौजूदा HTML इवेंटों पर प्रतिक्रिया दे सकता है
  • जेसक्रिप्ट HTML पन्ने में नए HTML इवेंट का निर्माण कर सकता है

आपको क्या सीखा होगा

इस ट्यूटोरियल के नीचे अनुच्छेदों में, आपको इसका सीखा होगा:

  • HTML एलीमेंट के सामग्री को कैसे बदला जाए
  • एचटीएमएल एलिमेंट की शैली (CSS) को कैसे बदला जाता है
  • एचटीएमएल डॉम इवेंट के लिए कैसे प्रतिक्रिया दी जाती है
  • एचटीएमएल एलिमेंट को कैसे जोड़ा जाता है और कैसे हटाया जाता है

DOM क्या है?

DOM एक W3C (World Wide Web Consortium) मानक है。

DOM डॉक्यूमेंट की एक्सेस करने के मानक को निर्धारित करता है:

“W3C डॉक्यूमेंट ऑब्जेक्ट मॉडल (DOM) एक प्लैटफॉर्म और भाषा निरपेक्ष इंटरफेस है, जो प्रोग्राम और स्क्रिप्टों को डॉक्यूमेंट की सामग्री, संरचना और शैली को डायनेमिक रूप से एक्सेस करने, अद्यतन करने और बदलने की अनुमति देता है.”

W3C डॉम मानक तीन अलग-अलग भागों में विभाजित किया गया है:

  • कोर डॉम - सभी डॉक्यूमेंट टाइपों का मानक मॉडल
  • XML डॉम - XML डॉक्यूमेंट का मानक मॉडल
  • एचटीएमएल डॉम - एचटीएमएल डॉक्यूमेंट का मानक मॉडल

एचटीएमएल डॉम क्या है?

एचटीएमएल डॉम एचटीएमएल का मानक हैऑब्जेक्टमॉडल औरप्रोग्रामिंग इंटरफेस। यह निर्धारित करता है:

  • जैसेऑब्जेक्टके एचटीएमएल एलिमेंट
  • सभी एचटीएमएल एलिमेंटों केप्रकृति
  • सभी एचटीएमएल एलिमेंटों कीमथोड
  • सभी एचटीएमएल एलिमेंटों केइवेंट

इसलिए: एचटीएमएल डॉम यह एक मानक है जो एचटीएमएल एलिमेंटों को प्राप्त करने, बदलने, जोड़ने या हटाने के बारे में है