Latest web development tutorials

DOM XML

DOM (وثيقة نموذج كائن كائن المستند النموذجي) يحدد طريقة موحدة للوصول إلى والتلاعب في المستندات.


DOM XML

XML DOM (XML طراز كائن المستند) يحدد طريقة موحدة للوصول إلى والتلاعب وثائق XML.

XML DOM مستند XML كطريقة عرض شجرة.

يمكن الوصول إلى جميع العناصر من خلال شجرة دوم. يمكنك تعديل أو حذف محتوياتها، وإنشاء عناصر جديدة. العناصر، نصهم، وممتلكاتهم، تعتبر عقدة.

في منطقتنا XML DOM البرنامج التعليمي ، ويمكنك معرفة المزيد عن DOM XML.


HTML DOM

HTML DOM يحدد وسيلة معيارية للوصول إلى والتلاعب مستندات HTML.

جميع عناصر HTML يمكن الإطلاع عليها عن طريق DOM HTML.

في منطقتنا HTML DOM البرنامج التعليمي ، ويمكنك معرفة المزيد عن المعرفة HTML DOM. .


تحميل ملف XML - مثلا عبر متصفح

المثال التالي مستند XML ( " note.xml ") لتحليل XML كائن DOM، ثم لاستخراج بعض المعلومات عن طريق جافا سكريبت:

أمثلة

<html>
<body>
<h1>W3Schools Internal Note</h1>
<div>
<b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></span>
</div>

<script>
if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.open("GET","note.xml",false);
xmlhttp.send();
xmlDoc=xmlhttp.responseXML;

document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>

</body>
</html>

محاولة »


ملاحظة هامة!

لمن الجزء العلوي من ملف XML ( "note.xml") من <إلى> العنصر استخراج النص "توف"، بناء الجملة هو:

getElementsByTagName("to")[0].childNodes[0].nodeValue

لاحظ أنه حتى ملف XML يحتوي على واحد فقط <إلى> العنصر، لا يزال يجب تحديد مؤشر مجموعة [0]. وذلك لأن طريقة getElementsByTagName () بإرجاع صفيف.


تحميل سلسلة XML - عبر متصفح المثال

الأمثلة التالية من السلسلة XML تحليل الكائن DOM XML، ثم لاستخراج بعض المعلومات عن طريق جافا سكريبت:

أمثلة

<html>
<body>
<h1>W3Schools Internal Note</h1>
<div>
<b>To:</b> <span id="to"></span><br />
<b>From:</b> <span id="from"></span><br />
<b>Message:</b> <span id="message"></span>
</div>

<script>
txt="<note>";
txt=txt+"<to>Tove</to>";
txt=txt+"<from>Jani</from>";
txt=txt+"<heading>Reminder</heading>";
txt=txt+"<body>Don't forget me this weekend!</body>";
txt=txt+"</note>";

if (window.DOMParser)
{
parser=new DOMParser();
xmlDoc=parser.parseFromString(txt,"text/xml");
}
else // Internet Explorer
{
xmlDoc=new ActiveXObject("Microsoft.XMLDOM");
xmlDoc.async=false;
xmlDoc.loadXML(txt);
}

document.getElementById("to").innerHTML=
xmlDoc.getElementsByTagName("to")[0].childNodes[0].nodeValue;
document.getElementById("from").innerHTML=
xmlDoc.getElementsByTagName("from")[0].childNodes[0].nodeValue;
document.getElementById("message").innerHTML=
xmlDoc.getElementsByTagName("body")[0].childNodes[0].nodeValue;
</script>
</body>
</html>

محاولة »