如何一次使用javascript在html页面中显示xml内容? [英] How do i display xml content in a html page using javascript one at a time?

问题描述

我是javascript的新手，我需要通过从xml文件获取内容来在html页面内的div标签中产生滚动类型的显示.我不知道如何在每个部分的显示之间创建间隔，以及如何以段落形式将其插入此div标签.
请帮帮我..

abc.xml

Im new to javascript and i need to produce a scrolling type display in a div tag within my html page by getting content from a xml file. I''m not able to get how i can create a interval between the display of each section and how to get it into this div tag in paragraph form.
Please help me out..

abc.xml

<projects>

<project>
    <flag>1</flag>
    <name>Project 1</name>
    <descp> Short description. </descp>
    <rating> 6 </rating>
    <link> URL1 </link>
    </project>

<project>
    <flag>1</flag>
    <name>Project 2</name>
    <descp> Short description. </descp>
    <rating> 9 </rating>
    <link> URL2 </link>
    </project>

<project>
    <flag>1</flag>
    <name>Project 3</name>
    <descp> Short description. </descp>
    <rating> 4 </rating>
    <link> URL3 </link>
    </project>

<project>
    <flag>1</flag>
    <name>Project 4</name>
    <descp> Short description. </descp>
    <rating> 5 </rating>
    <link> URL4 </link>
    </project>

</projects>

推荐答案

var xmlDoc;
if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
    xmlhttp = new XMLHttpRequest();
}
else {// code for IE6, IE5
xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
}
            xmlhttp.open("GET", "abc.xml", false);
            xmlhttp.send();
            xmlDoc = xmlhttp.responseXML;


flag = xmlDoc.getElementsByTagName("flag");
name = xmlDoc.getElementsByTagName("name");
descp = xmlDoc.getElementsByTagName("descp");
rating = xmlDoc.getElementsByTagName("rating");
link= xmlDoc.getElementsByTagName("link");

-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=- =-=

那么您就有了一个数组，可以使用该数组在html页面中显示xml内容

-=-=-=-=-=-=--=--=-=-=-=-=-=-=--=--=-=-=-=-=-=-=--=--=

then you have an array by using that array you can display xml content in html page

这篇关于如何一次使用javascript在html页面中显示xml内容?的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！