使用 javascript 将错误从 XML 解析为 Html
Parsing Error from XML to Html Using Javascript
我正在从XML
文件中获取数据并将其显示到HTML
文件中,XML
文件包含节点的子子子级我的 XML 文件
<?xml version="1.0" encoding="utf-8"?>
<projects>
<project title="title1" subtitle="subtitle1">
<text>First Tesxt</text>
<images>
<image url="1/176.png"></image>
<image url="1/178.png"></image>
<image url="1/173.png"></image>
</images>
</project>
<project title="title2" subtitle="subtitle2">
<text>Second Test</text>
<images>
<image url="2/164.png"></image>
<image url="2/175.png"></image>
<image url="2/1767.png"></image>
</images>
</project>
HTML Javascript 部分是
<html>
<head>
</head>
<body>
<script>
function loadXMLDoc(dname)
{
if (window.XMLHttpRequest)
{
xhttp=new XMLHttpRequest();
}
else
{
xhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xhttp.open("GET",dname,false);
xhttp.send();
return xhttp.responseXML;
}
xmlDoc=loadXMLDoc("projects.xml");
var length = xmlDoc.getElementsByTagName("project").length;
for(i=0; i<length;i++)
{
alert(xmlDoc.getElementsByTagName("project")[i].getAttribute("title"));
alert(xmlDoc.getElementsByTagName("project")[i].getAttribute("subtitle"));
alert(xmlDoc.getElementsByTagName("text")[i].childNodes[0].nodeValue);
var lengthImage = xmlDoc.getElementsByTagName("images")[i].childNodes[0].length;
for(var j=0; j<lengthImage; j++)
{
alert(xmlDoc.getElementsByTagName("image")[j].getAttribute("url"));
}
}
</script>
</body>
</html>
但是图像节点无法正确显示,它总是在loop
迭代 4 次
1 - 您的 XML 在最后一行没有</projects>
。
2 - var lengthImage = xmlDoc.getElementsByTagName("images")[i].childNodes.length; //childNodes does't need "[0]"
相关文章:
- 在CSS和HTML中显示XML
- 带有显示XML数据的HTML的空白页
- 如何使用JQUERY解析大型XML文件并将其可视化为HTML格式
- 在 html 中使用 javascript 解析 xml
- 使用javascript读取本地XML文件并在html页面中显示
- 在HTML文档中使用XML文件中的数据
- 将Xml文件链接到HTML
- 从 HTML 页面插入到 XML 中
- Javascript, XML to HTML
- 如何使用 JavaScript/jQuery 将 XML 文件加载到 JSP/HTML 页面
- 如何在javascript(ajax)中使用嵌入HTML中的XML数据
- 如何在JQUERY中从HTML文档中获取XML对象
- HTML文本区域文本到XML
- js/jquery/other library插件来转换HTML->XML
- 如何使用Node.js解析HTML/XML文档
- Adobe Air应用程序全屏- HTML/XML/Javascript
- 如何清理HTML/XML
- 看起来jQuery并没有克隆事件,而只是复制了html/xml
- 不能使用javascript正则表达式来获取html/xml标签之间的所有内容
- HTML - XML -跳转到另一个标签/页面元素