XML DOM

Kuma DOM?

Document Object Model (DOM) za'a zartar da sabon hanyar samu da amfani da littafin:

“W3C Document Object Model (DOM) wani hanyar mutum-insa da kuma yadda ke cikin kai tsaye kuma kuma kuma, wanda ke bincike da amfani da samun kuma samar da abin da yake cikin littafin, hanyar samu da amfani da abin da yake cikin littafin, kuma samar da abin da yake cikin littafin.”

DOM HTML Dade ta za'a zartar da sabon hanyar don samu da amfani da HTML document. Ta ta HTML document ta hau abin da yake cikin kundin nau'in nau'in.

XML DOM Dade ta za'a zartar da sabon hanyar don samu da amfani da XML document. Ta ta XML document ta hau abin da yake cikin kundin nau'in nau'in.

Dominan HTML ko XML kwararren, yadda DOM a jigo ni dake da.

DOM HTML

Alla HTML elements za'a iya kai wa DOM samu.

Amma kusa ce: id="demo" HTML element ke wucin kuma

تاویل

<h1 id="demo">Yauwa</h1>
<button type="button" onclick="document.getElementById('demo').innerHTML = 'Hello World!'">
Bita na na a!
</button>

亲自试一试

يمكنك تعلم المزيد عنها في دروسنا JavaScript. DOM HTML المزيد من المعلومات.

XML DOM

جميع عناصر 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 教程中学习有关 XML DOM 的更多内容。