Przeszukiwanie węzłów drzewa DOM XML

Przeszukiwanie (Traverse) oznacza iterację lub ruch w drzewie węzłów.

Przykład

Poniżej znajduje się przykład używania pliku XML books.xml.

Funkcja loadXMLString()zlokalizowane w zewnętrznym JavaScriptie, do ładowania plików XML.

Przeszukiwanie drzewa węzłów
Przechodzi przez wszystkie podwęzły elementu <book>.

Przeszukiwanie drzewa węzłów

Często musisz przechodzić przez dokument XML, na przykład: gdy chcesz wydobyć wartość każdego elementu.

Ten proces nazywa się „przeszukiwaniem drzewa węzłów”.

Poniżej znajduje się przykład, który przechodzi przez wszystkie podwęzły <book> i wyświetla ich nazwy i wartości:

<html>
<head>
<script type="text/javascript" src="loadxmlstring.js"></script>
</head>
<body>
<script type="text/javascript">
text="<book>";
text=text+"<title>Harry Potter</title>";
text=text+"<author>J K. Rowling</author>";
text=text+"<year>2005</year>";
text=text+"</book>";
xmlDoc=loadXMLString(text);
// documentElement zawsze reprezentuje węzeł korzeń
x=xmlDoc.documentElement.childNodes;
for (i=0;i<x.length;i++)
{
document.write(x[i].nodeName);
document.write(": ");
document.write(x[i].childNodes[0].nodeValue);
document.write("<br />");
}
</script>
</body>
</html>

Wypisz:

tytuł: Harry Potter
autor: J K. Rowling
rok: 2005

Wyjaśnienie przykładu:

  • loadXMLString() Załaduj ciąg XML do xmlDoc
  • Uzyskaj podwęzły elementu korzenia
  • Wypisz nazwy każdego podwęzła oraz wartość węzła tekstowego

TIY