XML-приложений
В этой главе демонстрирует некоторые небольшие XML-приложений XML, HTML, XML DOM и JavaScript построен.
экземпляр документа XML
В этом приложении мы будем использовать "cd_catalog.xml" файл.
Отображение компакт-диска В HTML DIV элемента
Следующие примеры получения данных XML из первого элемента компакт-диска, а затем отображать данные в ID = "showCD" HTML элемента. displayCD () функция вызывается при загрузке страницы:
примеров
x=xmlDoc.getElementsByTagName("CD");
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;
}
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;
}
Попробуйте »
Добавить скрипт навигации
Чтобы добавить навигацию (функции) в приведенном выше примере, нам нужно создать следующий () и предыдущая () две функции:
примеров
function next()
{ // 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();
}
}
{ // 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();
}
}
Попробуйте »
При нажатии кнопки информации CD-альбом отображается, когда
Последний пример показывает, как отобразить информацию об альбоме, когда пользователь нажимает на проект CD:
Для получения дополнительной информации об использовании JavaScript и XML DOM, посетите наш XML DOM учебник .