XML دوم
أساس XML هو نموذج كائن المستند (DOM). مستند DOM عبارة عن مجموعة من العقد أو كتل المعلومات المنظمة بشكل هرمي، من خلال هذا الهيكل الهرمي، يمكن للمطورين العثور على معلومات محددة في شجرة التنقل.
يحدد DOM (نموذج كائن المستند) الطرق القياسية للوصول إلى المستندات ومعالجتها.
XML دوم
يحدد XML DOM (نموذج كائن مستند XML) طريقة قياسية للوصول إلى مستندات XML ومعالجتها.
يعرض XML DOM مستندات XML كبنية شجرة.
يمكن الوصول إلى جميع العناصر من خلال شجرة DOM. ويمكن تعديل محتوياتها أو حذفها، وإنشاء عناصر جديدة. تعتبر العناصر ونصوصها وسماتها جميعها عقدًا.
يمكنك معرفة المزيد حول XML DOM في برنامجنا التعليمي XML DOM.
HTML دوم
يحدد HTML DOM الطرق القياسية للوصول إلى مستندات HTML ومعالجتها.
يمكن الوصول إلى جميع عناصر HTML من خلال HTML DOM.
يمكنك معرفة المزيد حول HTML DOM في برنامج HTML DOM التعليمي الخاص بنا. .
قم بتحميل ملف XML - مثال عبر المتصفحات
يقوم المثال التالي بتوزيع مستند XML ("note.xml") إلى كائن XML DOM ثم يستخرج بعض المعلومات عبر JavaScript:
مثال
<html><body><h1>ملاحظة داخلية لمدارس W3Cschools</h1><div><b>إلى:</b> <span id="to"></span><br /><b>من:< /b> <span id="from"></span><br /><b>الرسالة:</b> <span id="message"></span></div><script>if (نافذة) .XMLHttpRequest){// رمز لـ IE7+، Firefox، Chrome، Opera، Safarixmlhttp=new XMLHttpRequest();}else{// رمز لـ IE6، IE5xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");}xmlhttp.open("GET"،note.xml"،false);xmlhttp.send();xmlDoc=xmlhttp.responseXM L;document.getElementById("to").innerHTML=xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;document.g etElementById("from").innerHTML=xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;document.getElemen tById("message").innerHTML=xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;</script></body></html>جربه »ملاحظة هامة!
لاستخراج النص "Tove" من العنصر <to> في ملف XML أعلاه ("note.xml")، يكون بناء الجملة كما يلي:
getElementsByTagName("to")[0].childNodes[0].nodeValueلاحظ أنه حتى إذا كان ملف XML يحتوي على عنصر <to> واحد فقط، فلا يزال يتعين عليك تحديد فهرس المصفوفة [0]. وذلك لأن الأسلوب getElementsByTagName() يُرجع مصفوفة.
قم بتحميل سلسلة XML - مثال عبر المتصفحات
يقوم المثال التالي بتوزيع سلسلة XML إلى كائن XML DOM ثم استخراج بعض المعلومات عبر JavaScript:
مثال
<html><body><h1>ملاحظة داخلية لمدارس W3Cschools</h1><div><b>إلى:</b> <span id="to"></span><br /><b>من:< /b> <span id="from"></span><br /><b>الرسالة:</b> <span id="message"></span></div><script>txt="<note>";txt=txt+"<to>توف</to>";txt=txt+"<from>جاني</from >";txt=txt+"<heading>تذكير</heading>";txt=txt+"<body>لا تنساني هذا عطلة نهاية الأسبوع!</body>";txt=txt+"</note>";if (window.DOMParser){parser=new DOMParser();xmlDoc=parser.parseFromString(txt,"text/xml");}else / /إنترنت إكسبلورر{xmlDoc=new ActiveXObject("Microsoft.XMLDOM");xmlDoc.async=false;xmlDoc.loadXML(txt);}document.getElementById("to").innerHTML=xmlDoc.getElementsByTagName("to")[0].childNodes[0] .nodeValue;document.getElementById("من" ).innerHTML=xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;document.getElementById("message").innerHTML=xmlDoc.getElementsByTagName("body")[0].childNodes[0] .nodeValue;</script></body></html>جربه »
في القسم التالي، ستتعلم كيفية عرض بيانات XML في صفحة HTML.