Makao ya Mafunzo ya XML DOM

Je, ni nini DOM?

DOM inadefini mtindo wa kufikia na kutumia siku wa kusoma andiko:

“W3C Document Object Model (DOM) ni uendelevu unaotumia na kipekelezo na lugha, inafaa kufikia na kusasisha matokeo yaandiko, muundo na stili ya programu na script.”

HTML DOM inadefini mtindo wa kufikia na kutumia siku wa kusoma vitabu vya HTML. Ilichukua vitabu vya HTML kama muundo wa mti.

XML DOM inadefini mtindo wa kufikia na kutumia siku wa kusoma vitabu vya XML. Ilichukua vitabu vya XML kama muundo wa mti.

Kwa watu wote wanaotumia HTML au XML, kuelewa DOM ni lazima.

HTML DOM

Wote wa HTML zaidi wengi zinaonekana kwa DOM HTML.

例子 1

此例更改 id="demo" 的 HTML 元素的值：

这是标题

<p id="demo"></p>
document.getElementById("demo").innerHTML = "Hello World!";
xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;

</html>

例子 2

此例更改 HTML 文档中第一个

元素的值：

这是标题


这是标题

<p id="demo"></p>
document.getElementsByTagName("h1")[0].innerHTML = "Hello World!";
xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;

</html>

注意：即使 HTML 文档仅包含一个

元素，您仍然必须指定数组索引 [0]，因为 getElementsByTagName() 方法始终返回数组。

您可以在我们的 JavaScript 教程中学习更多有关 HTML DOM 的内容。

DOM wa XML

所有 XML 元素都可以通过 XML DOM 访问。

XML DOM ni:

  • Mfumo wa kina wa XML wa kawaida
  • Inayotumiwa kwa kawaida ya programming ya XML
  • Ingawa inatumiwa kwa kina na lugha
  • Masharti ya W3C

Kwa maelezo: XML DOM ni mawasiliano wa kawaida kuhusu kufikia, kusasa, kuingiza ama kufungua elementi za XML.

Pata thamani ya kina XML

Hii ni mchakato wa kupata thamani ya kina <title> ya kwanza katika mifumo ya XML:

Hili mafano unayofanya kualisha mradi wa thelathini kwenye kikwango cha XML DOM, na kutumia JavaScript kumwambilia habari kwenye hii:

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

Kulinda faili ya XML

Mifumo ya XML ya maelezo hii ni books.xml.

Hii ni mchakato wa kusoma "books.xml" kwenye xmlDoc na kupata thamani ya ujumbe wa kina <title> katika mifumo ya books.xml:

Hili mafano unayofanya kualisha mradi wa thelathini kwenye kikwango cha XML DOM, na kutumia JavaScript kumwambilia habari kwenye hii:

<!DOCTYPE html>
Mfano
<html>
<body>
<p id="demo"></p>
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
    myFunction(this);
    }
};
xhttp.open("GET", "books.xml", true);
xhttp.send();
function myFunction(xml) {
    var xmlDoc = xml.responseXML;
    xmlDoc = parser.parseFromString(text,"text/xml");
    document.getElementById("demo").innerHTML =
}
xmlDoc.getElementsByTagName("title")[0].childNodes[0].nodeValue;
</script>
</body>

</html>

}

  1. Mfano wa kueleza xmlDoc
  2. - Kiwango cha XML DOM kinachotolewa na kufanywa na kufungaji getElementsByTagName("title")[0]
  3. - Kupata kwanza <title> kiwango childNodes[0]
  4. - kwanza mabaki wa <title> (kiwango cha kuzikia) nodeValue

- thamani ya kiwango (kawaida cha kuzikia)

Kuwalisha mradi wa thelathini wa XML

Hili mafano unayofanya kualisha mradi wa thelathini kwenye kikwango cha XML DOM, na kutumia JavaScript kumwambilia habari kwenye hii:

Mfano
<html>
<body>
<p id="demo"></p>
<script>
var text, parser, xmlDoc;
text = "<bookstore><book>"
"<title>雅舍谈吃</title>" +
"<author>梁实秋</author>" +
"<year>2013</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>

Jifunze kwa uangalifu

Mwisho wa kichema

DOM inaeleza XML kama kikwango cha mabaki wa kiwango. Inaweza kufikia mabaki kwa JavaScript au kikemia nyingine. Kwenye mafunzo hii, tunatumia JavaScript.

MaadiliInayotakiwa kuna maadili ya kina (kama nodename ni 'book').

MaadiliInayotakiwa kuna maadili ya kifanyo (kama ukitafuta kueleza 'book' kama kipendo).

Maadili ya XML DOM

Hizi ni muhimu ya DOM ya mawili ya kawaida:

  • x.nodeName - jina cha x
  • x.nodeValue - thamani cha x
  • x.parentNode - mwingine wa mabaki wa x
  • x.childNodes - mabaki wa kiwango cha x
  • x.attributes - kiwango cha muhimu cha x

Tazamaji:Kwenye orodha hii, x ni kiwango cha mwingine.

XML DOM 方法

  • x.getElementsByTagName(name) - Kupata vifaa vya kina vya jina kidogo
  • x.appendChild(node) - Kuongeza mabaki ya vifaa kwa x
  • x.removeChild(node) - Kusaidia vifaa vya x kusaidia kurejea mabaki ya vifaa

Tazamaji:Kwenye orodha hii yax Ni Mwongozo wa Node.