Question

有人可以发现我的代码问题吗？我想将我的xml数据解析为html表，但它不起作用。没有创建表。

我的xml文件名为purchase

<?xml version="1.0">
<purchaseOrder xmlns="assoc">
  <lineItem>
    <name>Line Item 1</name>
    <price>1.25</price>
  </lineItem>
  <lineItem>
    <name>Line Item 2</name>
    <price>2.48</price>
  </lineItem>
</purchaseOrder>

我的代码：

<!DOCTYPE html>
<html>
<head>
<title>XML Data Block Demo</title>
<script>
function runDemo() {
  var doc = document.getElementById("purchase-order").contentDocument;
  var lineItems = doc.getElementsByTagNameNS("assoc", "lineItem");
  var firstPrice = lineItems[0].getElementsByTagNameNS("assoc", "price")[0].textContent;

  var HTML = "<table><tr><th>lineItems</th><th>firstprice</th></tr>";
  var x=doc.getElementsByTagName("lineItem");
for(i=1;i<=;i++)
{
    HTML += "<tr><td>"+x[i].getElementsByTagName("name")[0].childNodes[0].nodeValue+"</td><td>"+x[i].getElementsByTagName("price")[0].childNodes[0].nodeValue+"</td></tr>";
}
HTML += "</table>";
document.getElementById("output").innerHTML = HTML;


 }
</script>
</head>
<body onload="runDemo()";>
<object id="purchase-order" data="purchase.xml" type="text/xml"  style="display: none;"></object>
<div id="output">My table did not run</div>
</body>
</html>

我使用数据块对象方法将xml解析为html，请参阅此处的链接，其中我的方法已用于获取xml数据data island alternative

任何人都知道我的代码出了什么问题？

干杯

Answer 1

你的循环看起来很奇怪：

for(i=1;i<=;i++)

为什么从1开始？而且没有限制。应该像

for(i=0;i<=x.length;i++)

此外，不使用firstPrice ......

Answer 2

遇到的这些问题：

xml声明应为：

<?xml version="1.0" ?>
您应该将对象标记的内联样式设置为：

style="visibility: hidden"
您的代码必须在服务器上运行，以避免跨域策略。为此，您可以“http-server”或您选择的服务器。
“runDemo”函数的工作版本应如下所示：

function runDemo() {
	var doc = document.getElementById("purchase-order").contentDocument;
	var lineItems = doc.getElementsByTagName("lineItem");
	var html = "<table><tr><th>lineItems</th><th>firstprice</th></tr>";
	
	for (i = 0; i < lineItems.length; i++) {
		html += "<tr><td>" 
		+ lineItems[i].getElementsByTagName("name")[0].childNodes[0].nodeValue 
		+ "</td><td>" 
		+ lineItems[i].getElementsByTagName("price")[0].childNodes[0].nodeValue 
		+ "</td></tr>";
	}
	html += "</table>";
	
	document.getElementById("output").innerHTML = html;
}

解析xml并创建html表纯javascript（使用数据块）

2 个答案: