[英]link my XML file to my HTML page
I need some help on JavaScript, I have created a XML file I would like for it to be displayed in my HTML page that I also created.I would like this to be displayed on the browser in the following manner inside a Div element with the help of JavaScript : 我需要JavaScript方面的帮助,我创建了一个XML文件,希望将其显示在我也创建的HTML页面中。我希望该文件以以下方式在浏览器中显示在Div元素中,并带有JavaScript的帮助:
items
|
|__fruits
| |_____orange
| |_____Banana
| |_____Mango
|
|__drinks
<?xml version="1.0" encoding="utf-8"?>
<items image="images/items.JPG">
<fruits image="images/fruits.JPG">
<orange image="images/orange.JPG" qty="15" rate="Rs 40/kg"/>
<banana image="images/banana.JPG" qty="25" rate="Rs 20/kg"/>
<mango image="images/mango.JPG" qty="19" rate="Rs 45/kg"/>
</fruits>
<drinks image="images/drinks.jpg">
<pepsi image="images/pepsi.jpg" qty="10" rate="Rs 22/litre"/>
<coke image="images/coke.jpg" qty="8" rate="Rs 21/litre"/>
<wines image="images/wines.JPG">
<grapes image="images/grapes.JPG" qty="4" rate="Rs 60/litre"/>
<apple image="images/apple.JPG" qty="2" rate="Rs 80/litre"/>
</wines>
<harddrinks image="images/harddrinks.JPG">
<whisky image="images/whisky.JPG" qty="3" rate="Rs 100/litre"/>
<beer image="images/beer.JPG" qty="3" rate="Rs 30/litre"/>
</harddrinks>
</drinks>
</items>
You'll have to parse through the XML file to suit your specific needs, but maybe start by loading in the xml file: 您必须解析XML文件以适合您的特定需求,但也许首先要加载xml文件:
var xmlDoc;
<!--
if (window.XMLHttpRequest)
{
xhttp=new XMLHttpRequest();
}
else // Internet Explorer 5/6
{
xhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.open("GET","PathToYourXMLFilename.xml",false);
xhttp.send("");
xmlDoc=xhttp.responseXML;
Then place each node element into an array (or several): 然后将每个节点元素放入一个或多个数组中:
var myFruits=xmlDoc.getElementsByTagName("fruits");
Can i get more simpler method to browse through all the node 我能否获得更简单的方法来浏览所有节点
var xmlDoc = loadXMLDoc('data.xml');
var myItems = xmlDoc.getElementsByTagName("items");
var outputDiv = document.getElementById("dvList1");
var divOutput = document.createElement("div");
var divstr = document.createTextNode(xmlDoc.documentElement.nodeName);
divOutput.appendChild(divstr);
outputDiv.appendChild(divOutput);
x=xmlDoc.documentElement.childNodes;
for (i=0;i<x.length;i++)
{
if (x[i].nodeType==1)
{//Process only element nodes (type 1)
var divOutput = document.createElement("div");
var divstr = document.createTextNode(x[i].nodeName);
divOutput.appendChild(divstr);
outputDiv.appendChild(divOutput);
}
}
I want to get output something like the following 我想得到类似以下的输出
items
|
|__fruits
| |_____orange
| |_____Banana
| |_____Mango
|
|__drinks
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.