जावास्क्रिप्ट एचटीएमएल डोम

HTML DOM के साथ, जावास्क्रिप्ट एक HTML दस्तावेज़ के सभी तत्वों तक पहुँच और परिवर्तन कर सकता है।

एचटीएमएल डोम (दस्तावेज़ ऑब्जेक्ट मॉडल)

जब कोई वेब पेज लोड होता है, तो ब्राउजर पेज का एक डी ऑक्यूमेंट ओ बीजेक्ट एम ओडेल बनाता है ।

HTML DOM मॉडल का निर्माण वस्तुओं के पेड़ के रूप में किया गया है :

वस्तुओं का HTML DOM ट्री

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

• जावास्क्रिप्ट पृष्ठ के सभी HTML तत्वों को बदल सकता है
• जावास्क्रिप्ट पृष्ठ में सभी HTML विशेषताओं को बदल सकता है
• जावास्क्रिप्ट पृष्ठ में सभी सीएसएस शैलियों को बदल सकता है
• जावास्क्रिप्ट मौजूदा HTML तत्वों और विशेषताओं को हटा सकता है
• जावास्क्रिप्ट नए HTML तत्वों और विशेषताओं को जोड़ सकता है
• जावास्क्रिप्ट पृष्ठ में सभी मौजूदा HTML घटनाओं पर प्रतिक्रिया कर सकता है
• जावास्क्रिप्ट पृष्ठ में नए HTML ईवेंट बना सकता है

आप क्या सीखेंगे

इस ट्यूटोरियल के अगले अध्यायों में आप सीखेंगे:

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

डोम क्या है?

DOM एक W3C (वर्ल्ड वाइड वेब कंसोर्टियम) मानक है।

दस्तावेज़ों तक पहुँचने के लिए DOM एक मानक को परिभाषित करता है:

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

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

• कोर डोम - सभी प्रकार के दस्तावेज़ों के लिए मानक मॉडल
• एक्सएमएल डोम - एक्सएमएल दस्तावेजों के लिए मानक मॉडल
• HTML DOM - HTML दस्तावेज़ों के लिए मानक मॉडल

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

HTML DOM HTML के लिए एक मानक ऑब्जेक्ट मॉडल और प्रोग्रामिंग इंटरफ़ेस है। यह परिभाषित करता है:

• वस्तुओं के रूप में HTML तत्व
• सभी HTML तत्वों के गुण
• सभी HTML तत्वों तक पहुँचने के तरीके
• सभी HTML तत्वों के लिए ईवेंट

दूसरे शब्दों में: HTML DOM HTML तत्वों को प्राप्त करने, बदलने, जोड़ने या हटाने के लिए एक मानक है।