एक्सएमएल डॉम
- पिछला पृष्ठ एक्सएमएल पार्सर
- अगला पृष्ठ XML XPath
DOM क्या है?
दस्तावेज ऑब्जैक्ट मॉडल (DOM) द्वारा पहुँचने और ऑपरेशन करने के मानक को परिभाषित करता है:
“W3C डॉक्यूमेंट ऑब्जैक्ट मॉडल (DOM) एक प्लैटफॉर्म और भाषा से अनिवार्य इंटरफेस है जो प्रोग्राम और स्क्रिप्ट को दस्तावेज की सामग्री, संरचना और शैली को डायनामिक रूप से पहुँचने और अद्यतन करने की अनुमति देता है。”
HTML DOM HTML दस्तावेज को पहुँचने और ऑपरेशन करने के लिए मानक विधियों को परिभाषित करता है। यह HTML दस्तावेज को ट्री संरचना में प्रस्तुत करता है。
एक्सएमएल डॉम XML दस्तावेज को पहुँचने और ऑपरेशन करने के लिए मानक विधियों को परिभाषित करता है। यह XML दस्तावेज को ट्री संरचना में प्रस्तुत करता है。
HTML या XML के किसी भी डेवलपर के लिए DOM को समझना आवश्यक है。
HTML DOM
सभी HTML एलीमेंट DOM के द्वारा पहुँचा जा सकते हैं。
नीचे का उदाहरण id="demo" के HTML एलीमेंट का मान बदलता है:
उदाहरण
<h1 id="demo">यह शीर्षक है</h1> <button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'"> मुझे क्लिक करें! </button>
आप हमारे JavaScript ट्यूटोरियल में XML DOM के बारे में अधिक जान सकते हैं HTML DOM के बारे में अधिक जानकारी।
एक्सएमएल डॉम
सभी XML एलीमेंट XML DOM के द्वारा पहुंचा जा सकते हैं。
Books.xml
<?xml version="1.0" encoding="UTF-8"?> <bookstore> <book category="खाना"> <title lang="zh">अक्षय गृह चटनी</title> <author>梁实秋</author> <year>2013</year> <price>35</price> </book> <book category="बच्चों के लिए"> <title lang="zh">महान ब्लूफ़िल बाबा</title> <author>जॉर्ज रॉल्ड डॉल</author> <year>2009</year> <price>10.00</price> </book> </bookstore>
यह कोड XML डॉक्यूमेंट में पहले <title> एलीमेंट के टेक्स्ट मूल्य को खोजता है:
उदाहरण
txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
XML DOM, XML एलीमेंट को जानने, बदलने, जोड़ने और हटाने के लिए की स्टैंडर्ड है。
यह उदाहरण टेक्स्ट स्ट्रिंग को XML DOM ऑब्जेक्ट में लोड करता है, और JavaScript का उपयोग करके से इससे सूचना निकालता है:
उदाहरण
<html> <body> <p id="demo"></p> <script> var text, parser, xmlDoc; text = "<bookstore><book>" "<title>雅舍谈吃</title>" + "<author>梁实秋</author>" + "<year>2009</year>" + "</book></bookstore>"; parser = new DOMParser(); xmlDoc = parser.parseFromString(text,"text/xml"); document.getElementById("demo").innerHTML = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue; </script> </body> </html>
आप हमारे XML DOM पाठ्यक्रम में इस बारे में सीखेंगे एक्सएमएल डॉम का अधिक सामग्री
- पिछला पृष्ठ एक्सएमएल पार्सर
- अगला पृष्ठ XML XPath