javascript表格格式输出

我有这个JavaScript html代码，用于获取表格格式输出。我将XML数据作为脚本的输入

函数myFunction（）{
parser=新的DOMParser（）；
xmlDoc=parser.parseFromString(
""
+""+
“时光机器和其他故事”+
“H.G.威尔斯”+
"2016"+
"10"+
""+ 
“阅读图书有限公司”+
""+
“伊夫深街”+
“伍斯特郡”+
“11WR”+
“联合王国”+
""+
""+
“”和“text/xml”）；
var x=xmlDoc.getElementsByTagName（“发布者地址”）；
对于（i=0；i您使用的是
document.write（）
，它不会提供预期的输出

使用
createElement
创建一个表，通过创建行和td填充数据，并附加到dom或段落中



桌子
th，
运输署{
边框：1px纯黑；
}
我的第一个XML解析JavaScript
单击按钮以显示书本信息


试试看
函数myFunction（）{
parser=新的DOMParser（）；
xmlDoc=parser.parseFromString(
"" +
"" +
“时光机器和其他故事”+
“H.G.威尔斯”+
"2016" +
"10" +
"" +
“阅读图书有限公司”+
"" +
“伊夫深街”+
“伍斯特郡”+
“11WR”+
“联合王国”+
"" +
"" +
“”和“text/xml”）；
//创建表
table=document.createElement（'table'）；
var x=xmlDoc.getElementsByTagName（“发布者地址”）；
对于（i=0；i
您需要为您的表提供一个容器，其中包含一个要挂接的ID：

<table>
    <tbody id="my-table-contents"></tbody>
</table>



然后在javascript中，您可以附加到该容器中

<script>
  var myTable = document.getElementById('my-table-contents');

  function myFunction() {
    parser = new DOMParser();
    xmlDoc = parser.parseFromString(
      "<?xml version=\"1.0\" encoding=\"UTF-8\"?>" +
      "<book>" +
      "<title>The Time Machine and Other Stories</title>" +
      "<author_name>H. G. Wells</author_name>" +
      "<publish_date>2016</publish_date>" +
      "<cost currency=\"USD\">10</cost>" +
      "<publisher_info>" +
      "<publisher_name>Read Books Ltd</publisher_name>" +
      "<publisher_address>" +
      "<street_name>Evesham street</street_name>" +
      "<city>Worcestershire</city>" +
      "<zip_code>11WR</zip_code>" +
      "<country>United Kingdom</country>" +
      "</publisher_address>" +
      "</publisher_info>" +
      "</book>", "text/xml");

    var x = xmlDoc.getElementsByTagName("publisher_address");
    for (i = 0; i < x.length; i++) {
      myTable.innerHtml += "<tr>";
      var y = x[i].childNodes;
      for (j = 0; j < y.length; j++) {

        myTable.innerHtml += "<td>" + y[j].childNodes[0].nodeValue + "</td>";

      }
      myTable.innerHtml += "</tr>";
    }

  }
</script>


var myTable=document.getElementById（'my-table-contents'）；
函数myFunction（）{
parser=新的DOMParser（）；
xmlDoc=parser.parseFromString(
"" +
"" +
“时光机器和其他故事”+
“H.G.威尔斯”+
"2016" +
"10" +
"" +
“阅读图书有限公司”+
"" +
“伊夫深街”+
“伍斯特郡”+
“11WR”+
“联合王国”+
"" +
"" +
“”和“text/xml”）；
var x=xmlDoc.getElementsByTagName（“发布者地址”）；
对于（i=0；i
因为它不允许在XML页面上显示。那么如何以表格格式显示结果？您可以使用适当的DOM操作方法创建表格，如
createElement
和
appendChild
。这不是答案。有没有办法将结果放入表格中？您需要使用
createElement
，
appendChild
或使用表函数，如
insertRow（）
，
insertCell（）