XML-Anwendungen
Dieses Kapitel zeigt einige kleine XML-basierte Anwendung XML, HTML, XML DOM und JavaScript gebaut.
XML-Dokument
Bei dieser Anwendung werden wir die nutzen "cd_catalog.xml" Datei.
Zeigen einer CD in HTML div-Element
Die folgenden Beispiele erhalten XML-Daten aus dem ersten Element einer CD, und dann in der id = "showCD" HTML-Element die Daten anzuzeigen. displayCD () Funktion wird aufgerufen, wenn die Seite geladen wird:
Beispiele
i=0;
function displayCD()
{
artist=(x[i].getElementsByTagName("ARTIST")[0].childNodes[0].nodeValue);
title=(x[i].getElementsByTagName("TITLE")[0].childNodes[0].nodeValue);
year=(x[i].getElementsByTagName("YEAR")[0].childNodes[0].nodeValue);
txt="Artist: " + artist + "<br />Title: " + title + "<br />Year: "+ year;
document.getElementById("showCD").innerHTML=txt;
}
Versuchen »
In Navigationsskript
Um die Navigation (Funktion) auf das obige Beispiel hinzuzufügen, müssen wir die nächste () und vorherige () zwei Funktionen zu erstellen:
Beispiele
{ // display the next CD, unless you are on the last CD
if (i<x.length-1)
{
i++;
displayCD();
}
}
function previous()
{ // displays the previous CD, unless you are on the first CD
if (i>0)
{
i--;
displayCD();
}
}
Versuchen »
Wenn Sie das CD-Album Informationen klicken wird angezeigt, wenn
Das letzte Beispiel zeigt, wie Albuminformationen angezeigt werden, wenn der Benutzer auf einem CD-Projekt klickt:
Weitere Informationen über die Verwendung von JavaScript und XML - DOM, besuchen Sie unsere XML - DOM - Tutorial .