जावास्क्रिप्ट एचटीएमएल डॉम
- पिछला पृष्ठ जेएस एसिन्क
- अगला पृष्ठ डॉम मथोड
HTML DOM के माध्यम से, JavaScript सभी HTML एलीमेंटों को पहुँचने और बदलने में सक्षम है。
HTML DOM（डॉक्यूमेंट ऑब्जैक्ट मॉडल）
जब पेज लोड होता है, ब्राउज़र पेज का डॉक्यूमेंट ऑब्जैक्ट मॉडल (Document Object Model）。
HTML DOM मॉडल को संरचित किया गया हैऑब्जैक्ट ट्री:
ऑब्जैक्ट का HTML DOM ट्री
इस ऑब्जैक्ट मॉडल के माध्यम से, JavaScript नए डायनेमिक HTML को बनाने की सभी शक्तियां प्राप्त करता है:
- JavaScript पेज में सभी HTML एलीमेंट को बदल सकता है
- JavaScript पेज में सभी HTML गुण को बदल सकता है
- JavaScript पेज में सभी CSS शैली को बदल सकता है
- JavaScript सभी मौजूदा HTML एलीमेंट और गुणों को मिटा सकता है
- JavaScript सभी नए HTML एलीमेंट और गुणों को जोड़ सकता है
- JavaScript पेज में सभी मौजूदा HTML इवेंटों की प्रतिक्रिया दे सकता है
- JavaScript पेज में नए HTML इवेंट को बनाने में सक्षम है
आपको क्या सीखा जाएगा
इस ट्यूटोरियल के नीचे अनुच्छेदों में, आपको इसके बारे में सीखा जाएगा:
- कैसे HTML एलीमेंट की सामग्री को बदला जाए
- कैसे एचटीएमएल एलिमेंट की शैली (CSS) बदली जाए
- कैसे एचटीएमएल डॉम इवेंट पर प्रतिक्रिया दी जाए
- कैसे एचटीएमएल एलिमेंट जोड़े और हटाए जाए
DOM क्या है?
DOM एक W3C (World Wide Web Consortium) मानक है。
DOM डॉक्यूमेंट की पहुँच के मानक को निर्धारित करता है:
“W3C डॉक्यूमेंट ऑब्जेक्ट मॉडल (DOM) एक प्लैटफॉर्म और भाषा निरपेक्ष इंटरफेस है, जो प्रोग्राम और स्क्रिप्ट को डॉक्यूमेंट की सामग्री, संरचना और शैली को डायनेमिक रूप से अद्यतन करने की अनुमति देता है.”
W3C डॉम मानक तीन भिन्न भागों में विभाजित किया गया है:
- कोर डॉम - सभी डॉक्यूमेंट टाइप के मानक मॉडल
- एक्सएमएल डॉम - एक्सएमएल डॉक्यूमेंट का मानक मॉडल
- एचटीएमएल डॉम - एचटीएमएल डॉक्यूमेंट का मानक मॉडल
एचटीएमएल डॉम क्या है?
एचटीएमएल डॉम एचटीएमएल का मानक हैऑब्जेक्टमॉडल औरप्रोग्रामिंग इंटरफेस। यह निर्धारित करता है:
- जैसेऑब्जेक्टके एचटीएमएल एलिमेंट
- सभी एचटीएमएल एलिमेंटप्रकृति
- सभी एचटीएमएल एलिमेंट कीमथोड
- सभी एचटीएमएल एलिमेंटइवेंट
इसलिए: एचटीएमएल डॉम यह एक मानक है जो एचटीएमएल एलिमेंट को प्राप्त करने, बदलने, जोड़ने या हटाने के बारे में है。
- पिछला पृष्ठ जेएस एसिन्क
- अगला पृष्ठ डॉम मथोड
