MDN Web Docs - DOM
- दस्तावेज़ ऑब्जेक्ट मॉडल (DOM) : शुरुआती के लिए एक विस्तृत गाइड
![5 `, या `<img>`। * **एट्रिब्यूट नोड (Attribute Node):** एक तत्व की विशेषता का प्रतिनिधित्व करता है, जैसे `<img src="image.jpg">` में `src` विशेषता। * **टेक्स्ट नोड (Text Node):** एक तत्व के भीतर टेक्स्ट सामग्री का प्रतिनिधित्व करता है। * **टिप्पणी नोड (Comment Node):** HTML या XML दस्तावेज़ में टिप्पणियों का प्रतिनिधित्व करता है। DOM नोड प्रकार नोड प्रकार विवरण उदाहरण दस्तावेज़ पूरे दस्तावेज़ का प्रतिनिधित्व करना `document} [HTML]] [HTML]] HTML]] [HTML]]]] HTML HTML , HTML HTML] HTML]] ]] [[HTML] [[HTML> HTML HTML [[]] HTML ]] ]] [[HTML] [HTML]]|]] HTML HTML]] ] HTML ]] [[HTML|HTML] HTML HTML न HTML]]|] [[HTML] HTML ==HTML HTML]] HTML] HTML] HTML]HTML] HTML]] |]HTML] HTML]] HTML]]HTML]] HTML HTML]]]] HTML HTML HTML]] HTMLHTML HTML]]HTML]HTML][[HTML]HTML] HTML] HTML] HTML]] HTML]] ] HTML] HTMLHTML HTMLHTML]] HTML]] HTML]] HTML]]HTML]HTML] HTML] [[HTML HTML HTML HTML]]HTML:HTML HTML]HTML]HTML:HTML HTML HTML]] HTML] HTML]]HTML] HTML]HTML]] HTML] HTML]]] HTML HTMLHTML HTML] HTML HTML]] HTML]] ==HTML HTML]] HTML]] HTML HTML और HTML]] HTML और HTML]] HTML] ==HTML]] == HTMLHHTML]] ==HTML]] == HTML]] == HTML]]]] == HTML, HTML]] HTML] ==HTML] ==HTML]]]]]] ]] ]HTML]] HTML] HTML]] HTML] HTML]] HTML]] HTML HTML और HTML]] HTML, HTML] HTML] HTML और HTML और HTML]] HTML]]HTML]] HTML]] HTML और HTML]] HTML HTML HTML और HTML] HTML]] HTML]] [[HTML] == HTML] HTML, HTML, और HTML HTML HTML] HTML के लिए] HTML, और HTML HTML] HTML HTML, और HTML, HTML, HTML HTML] HTML] HTML] HTML] HTML] HTML]] HTML, HTML] HTML HTML HTML]] HTML] HTML]] HTML]]] HTML] HTML] HTML,]]]] HTML HTML HTML]] HTML HTML HTML]] HTML]] [[और HTML, HTML] HTML HTML HTML] HTML HTML] HTMLHTML HTML HTML] HTML] HTML] HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML]] HTML भी देखें HTML HTML] प HTML HTML का HTML?। HTML HTML] == HTML]] HTML]] HTML]] और]] == ये और HTML, HTML]] ==HTML]] HTML]] == HTML]] और HTML] HTML]] HTML]] == HTML] HTML] HTML] HTML] HTML और HTML]] HTML]] और HTML]] == HTML] HTML]] और HTML]] और HTML]] == HTML]] HTML] HTML, HTML] HTML]] HTML] HTML]] और HTML]] ==]] और HTML]] ] HTML] HTML] HTML]] HTML]] और HTML HTML]] और HTML]] और HTML, HTML] HTML HTML]] [HTML] HTML] HTML HTML HTML] HTML] और HTML]] HTML HTML] HTML]] HTML HTML]] HTML]] HTML]] HTML [[ == HTML] HTML]] HTML HTML]] HTML]] HTML. HTML HTML]] H]]] HTML`HTML]] HTMLHTML] और HTML] HTML HTML HTML] HTML HTML HTML, HTML HTML HTML HTML HTML]] HTML] HTML HTML HTML] HTML] HTML] HTML HTML] [[Category: These are described HTML HTML HTML] HTML] HTML] HTML+],HTML HTML HTML HTML, HTML> अभी ट्रेडिंग शुरू करें](#`,_या_`<img>`।_*_**एट्रिब्यूट_नोड_(Attribute_Node):**_एक_तत्व_की_विशेषता_का_प्रतिनिधित्व_करता_है,_जैसे_`<img_src="image.jpg">`_में_`src`_विशेषता।_*_**टेक्स्ट_नोड_(Text_Node):**_एक_तत्व_के_भीतर_टेक्स्ट_सामग्री_का_प्रतिनिधित्व_करता_है।_*_**टिप्पणी_नोड_(Comment_Node):**_HTML_या_XML_दस्तावेज़_में_टिप्पणियों_का_प्रतिनिधित्व_करता_है।___DOM_नोड_प्रकार___नोड_प्रकार_विवरण_उदाहरण___दस्तावेज़_पूरे_दस्तावेज़_का_प्रतिनिधित्व_करना_`document}_[HTML]]__[HTML]]__HTML]]__[HTML]]]]__HTML__HTML_,_HTML__HTML]__HTML]]_]]__[[HTML]__[[HTML>__HTML__HTML___[[]]__HTML_]]__]]__[[HTML]__[HTML]]|]]__HTML__HTML]]_]___HTML__]]__[[HTML|HTML]___HTML__HTML___न_HTML]]|]___[[HTML]___HTML__==HTML_HTML]]_HTML]_HTML]_HTML]HTML]_HTML]]_|]HTML]_HTML]]_HTML]]HTML]]_HTML_HTML]]]]_HTML_HTML_HTML]]_HTMLHTML_HTML]]HTML]HTML][[HTML]HTML]_HTML]_HTML]_HTML]]_HTML]]_]_HTML]_HTMLHTML_HTMLHTML]]_HTML]]_HTML]]_HTML]]HTML]HTML]_HTML]_[[HTML_HTML_HTML_HTML]]HTML:HTML_HTML]HTML]HTML:HTML_HTML_HTML]]_HTML]_HTML]]HTML]_HTML]HTML]]_HTML]_HTML]]]_HTML_HTMLHTML_HTML]_HT){kind=link}
परिचय
दस्तावेज़ ऑब्जेक्ट मॉडल (DOM) वेब विकास की आधारशिला है। यह वेब पृष्ठों के साथ इंटरैक्ट करने का एक प्रोग्रामिंग इंटरफेस है। सीधे शब्दों में कहें तो, DOM आपके वेब ब्राउज़र में एक HTML या XML दस्तावेज़ को एक पेड़ जैसी संरचना के रूप में प्रस्तुत करता है, जहाँ प्रत्येक नोड दस्तावेज़ का एक हिस्सा (जैसे, एक तत्व, विशेषता, या टेक्स्ट) होता है। यह संरचना डेवलपर्स को दस्तावेज़ की सामग्री, संरचना और शैली को गतिशील रूप से बदलने की अनुमति देती है। यह लेख DOM की मूल अवधारणाओं, संरचना और उपयोगों पर एक व्यापक अवलोकन प्रदान करता है, जो शुरुआती लोगों के लिए डिज़ाइन किया गया है।
DOM क्या है?
DOM एक भाषा और प्लेटफ़ॉर्म-तटस्थ इंटरफेस है जो वेब डेवलपर्स को स्क्रिप्टिंग भाषाओं जैसे JavaScript का उपयोग करके दस्तावेज़ों के साथ इंटरैक्ट करने की अनुमति देता है। यह दस्तावेज़ को एक "वस्तु" के रूप में प्रस्तुत करता है, जहाँ प्रत्येक दस्तावेज़ घटक एक वस्तु है। DOM API (एप्लिकेशन प्रोग्रामिंग इंटरफेस) इन वस्तुओं तक पहुँचने और उन्हें संशोधित करने के तरीके प्रदान करता है।
DOM को अक्सर "पेड़ संरचना" के रूप में दर्शाया जाता है। पेड़ का शीर्ष नोड दस्तावेज़ स्वयं का प्रतिनिधित्व करता है, और इसके बच्चे दस्तावेज़ के तत्वों (जैसे, हेडिंग, पैराग्राफ, इमेज) का प्रतिनिधित्व करते हैं। प्रत्येक तत्व में अपने स्वयं के बच्चे हो सकते हैं, जिससे एक पदानुक्रमित संरचना बनती है।
DOM का इतिहास
DOM का विकास वेब विकास की आवश्यकताओं के साथ हुआ है। शुरुआती दिनों में, ब्राउज़र HTML दस्तावेज़ों को सीधे प्रस्तुत करते थे, और डेवलपर्स के पास सामग्री को गतिशील रूप से बदलने के लिए सीमित क्षमता थी। DOM की शुरुआत ने वेब पृष्ठों के साथ अधिक इंटरैक्टिव और गतिशील इंटरैक्शन को सक्षम किया।
- **लेवल 1 DOM (1995):** मूल DOM विशिष्टता, जो दस्तावेज़ की संरचना और नोड्स तक पहुँचने के लिए बुनियादी इंटरफेस प्रदान करती है।
- **लेवल 2 DOM (1998):** DOM में नई सुविधाओं को जोड़ा गया, जैसे CSS स्टाइलिंग और इवेंट हैंडलिंग।
- **लेवल 3 DOM (2004):** DOM को और बढ़ाया गया, जिसमें XML दस्तावेज़ों के लिए समर्थन और बेहतर डेटा प्रकार शामिल हैं।
- **DOM4 (2017):** नवीनतम DOM विशिष्टता, जो वेब घटकों, शैडो DOM और अन्य आधुनिक वेब तकनीकों के लिए समर्थन प्रदान करती है।
DOM संरचना
DOM वृक्ष की संरचना को समझना वेब विकास के लिए महत्वपूर्ण है। DOM वृक्ष में विभिन्न प्रकार के नोड होते हैं, जिनमें शामिल हैं:
- **दस्तावेज़ नोड (Document Node):** DOM वृक्ष का शीर्ष नोड, जो पूरे HTML या XML दस्तावेज़ का प्रतिनिधित्व करता है।
- **तत्व नोड (Element Node):** HTML या XML टैग का प्रतिनिधित्व करता है, जैसे `
`, `
`, या `<img>`।
- **एट्रिब्यूट नोड (Attribute Node):** एक तत्व की विशेषता का प्रतिनिधित्व करता है, जैसे `<img src="image.jpg">` में `src` विशेषता।
- **टेक्स्ट नोड (Text Node):** एक तत्व के भीतर टेक्स्ट सामग्री का प्रतिनिधित्व करता है।
- **टिप्पणी नोड (Comment Node):** HTML या XML दस्तावेज़ में टिप्पणियों का प्रतिनिधित्व करता है।
| नोड प्रकार | विवरण | उदाहरण | ||
| दस्तावेज़ | पूरे दस्तावेज़ का प्रतिनिधित्व करना | `document} [HTML]]
[HTML]] HTML]] [HTML]]]] HTML HTML , HTML |
HTML]
HTML]] ]] [[HTML] [[HTML> HTML HTML [[]] HTML ]] ]] [[HTML] [HTML]]|]] HTML |
HTML]]
] HTML ]] [[HTML|HTML] HTML HTML न HTML]]|] [[HTML] HTML ==HTML HTML]] HTML] HTML] HTML]HTML] HTML]] |]HTML] HTML]] HTML]]HTML]] HTML HTML]]]] HTML HTML HTML]] HTMLHTML HTML]]HTML]HTML][[HTML]HTML] HTML] HTML] HTML]] HTML]] ] HTML] HTMLHTML HTMLHTML]] HTML]] HTML]] HTML]]HTML]HTML] HTML] [[HTML HTML HTML HTML]]HTML:HTML HTML]HTML]HTML:HTML HTML HTML]] HTML] HTML]]HTML] HTML]HTML]] HTML] HTML]]] HTML HTMLHTML HTML] HTML HTML]] HTML]] ==HTML HTML]] HTML]] HTML HTML और HTML]] HTML और HTML]] HTML] ==HTML]] == HTMLHHTML]] ==HTML]] == HTML]] == HTML]]]] == HTML, HTML]] HTML] ==HTML] ==HTML]]]]]] ]] ]HTML]] HTML] HTML]] HTML] HTML]] HTML]] HTML HTML और HTML]] HTML, HTML] HTML] HTML और HTML और HTML]] HTML]]HTML]] HTML]] HTML और HTML]] HTML HTML HTML और HTML] HTML]] HTML]] [[HTML] == HTML] HTML, HTML, और HTML HTML HTML] HTML के लिए] HTML, और HTML HTML] HTML HTML, और HTML, HTML, HTML HTML] HTML] HTML] HTML] HTML] HTML]] HTML, HTML] HTML HTML HTML]] HTML] HTML]] HTML]]] HTML] HTML] HTML,]]]] HTML HTML HTML]] HTML HTML HTML]] HTML]] [[और HTML, HTML] HTML HTML HTML] HTML HTML] HTMLHTML HTML HTML] HTML] HTML] HTML HTML HTML HTML HTML HTML HTML HTML HTML HTML]] HTML भी देखें HTML HTML] प HTML HTML का HTML?। HTML HTML] == HTML]] HTML]] HTML]] और]] == ये और HTML, HTML]] ==HTML]] HTML]] == HTML]] और HTML] HTML]] HTML]] == HTML] HTML] HTML] HTML] HTML और HTML]] HTML]] और HTML]] == HTML] HTML]] और HTML]] और HTML]] == HTML]] HTML] HTML, HTML] HTML]] HTML] HTML]] और HTML]] ==]] और HTML]] ] HTML] HTML] HTML]] HTML]] और HTML HTML]] और HTML]] और HTML, HTML] HTML HTML]] [HTML] HTML] HTML HTML HTML] HTML] और HTML]] HTML HTML] HTML]] HTML HTML]] HTML]] HTML]] HTML [[ == HTML] HTML]] HTML HTML]] HTML]] HTML. HTML HTML]] H]]] HTML`HTML]] HTMLHTML] और HTML] HTML HTML HTML] HTML HTML HTML, HTML HTML HTML HTML HTML]] HTML] HTML HTML HTML] HTML] HTML] HTML HTML] [[Category: These are described HTML HTML HTML] HTML] HTML] HTML+],HTML HTML HTML HTML, HTML> अभी ट्रेडिंग शुरू करेंIQ Option पर रजिस्टर करें (न्यूनतम जमा $10) Pocket Option में खाता खोलें (न्यूनतम जमा $5) हमारे समुदाय में शामिल होंहमारे Telegram चैनल @strategybin से जुड़ें और प्राप्त करें: ✓ दैनिक ट्रेडिंग सिग्नल ✓ विशेष रणनीति विश्लेषण ✓ बाजार की प्रवृत्ति पर अलर्ट ✓ शुरुआती के लिए शिक्षण सामग्री |
