XML DOM
XML DOM
ما هو DOM؟
يحدد DOM معيارًا للوصول إلى المستندات ومعالجتها:
يحدد HTML DOM طريقة قياسية للوصول إلى مستندات HTML ومعالجتها. يقدم مستند HTML كبنية شجرة.
يحدد XML DOM طريقة قياسية للوصول إلى مستندات XML ومعالجتها. يقدم وثيقة XML كهيكل شجرة.
يعد فهم DOM أمرًا ضروريًا لأي شخص يعمل باستخدام HTML أو XML.
HTML DOM
يمكن الوصول إلى جميع عناصر HTML من خلال HTML DOM.
يغير هذا المثال قيمة عنصر HTML بالمعرف = "demo":
مثال
<h1 id="demo">This is a Heading</h1>
<button type="button"
onclick="document.getElementById('demo').innerHTML =
'Hello World!'">Click Me!
</button>
يمكنك معرفة المزيد حول HTML DOM في برنامج JavaScript التعليمي الخاص بنا .
XML DOM
يمكن الوصول إلى جميع عناصر XML من خلال XML DOM.
Books.xml
<?xml version="1.0" encoding="UTF-8"?>
<bookstore>
<book category="cooking">
<title lang="en">Everyday
Italian</title>
<author>Giada De Laurentiis</author>
<year>2005</year>
<price>30.00</price>
</book>
<book category="children">
<title lang="en">Harry
Potter</title>
<author>J K. Rowling</author>
<year>2005</year>
<price>29.99</price>
</book>
</bookstore>
يسترد هذا الرمز القيمة النصية لعنصر <title> الأول في مستند XML:
مثال
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>Everyday
Italian</title>" +
"<author>Giada De Laurentiis</author>" +
"<year>2005</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 DOM .