DOM لـ XML

ما هو DOM؟

يحدد Document Object Model (DOM) المعايير لاستدعاء وتعديل الوثائق:

“W3C Document Object Model (DOM) هو واجهة غير مرتبطة بالمنصة واللغة تسمح للبرامج والسكربتات بتنسيق وتحديث محتويات، والهيكل، والنمط للوثائق بشكل ديناميكي.”

DOM HTML يحدد طريقة معيارية لاستدعاء وتعديل وثائق HTML. إنه يعرض وثائق HTML كشجرة.

DOM لـ XML يحدد طريقة معيارية لاستدعاء وتعديل وثائق XML. إنه يعرض وثائق XML كشجرة.

بالنسبة لكل مبرمج يستخدم HTML أو XML، ففهم DOM أمر ضروري.

DOM HTML

يمكن الوصول إلى جميع عناصر HTML عبر HTML DOM.

في المثال التالي يتم تغيير قيمة id="demo" من عنصر HTML:

مثال

<h1 id="demo">هذا هو العنوان</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">
انقر فوقي!
</button>

جربها بنفسك

يمكنك تعلم المزيد حول DOM HTML المزيد من المعلومات.

DOM لـ XML

يمكن الوصول إلى جميع عناصر XML عبر DOM XML.

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>

هذا الكود يبحث عن قيمة النص في العنصر الأول من <title> في مستند XML:

مثال

txt = xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;

DOM XML هو معيار حول كيفية الحصول على تغيير إضافة وإزالة عناصر XML.

هذا المثال يقوم بتحميل سلسلة نصية إلى عنصر DOM XML، ويستخدم 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 DOM لـ XML المزيد من المحتويات.