Question

我正在尝试将图像显示在下表中，图像不显示而只是显示图像的URL。下面是我放入HTML文件的内容。我已将其复制到另一个网站，也不想要按钮选项，我不知道如何摆脱它。

<div id="container">
    <table id="demo"></table>
        <button type="button" onclick="loadXMLDoc()">Get my CD collection</button>
    <br><br>
        <script>
    function loadXMLDoc() {
      var xmlhttp = new XMLHttpRequest();
      xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
          myFunction(xmlhttp);
        }
      };
      xmlhttp.open("GET", "amateur.xml", true);
      xmlhttp.send();
    }
    function myFunction(xml) {
      var i;

      var xmlDoc = xml.responseXML;
     var img = document.createElement("img");
      var table="<tr><th>Rating</th><th>Title</th><th>Thumbnail</tr>";
      var x = xmlDoc.getElementsByTagName("video");
      for (i = 0; i <x.length; i++) { 
        table += "<tr><td>" +
        x[i].getElementsByTagName("rating")[0].childNodes[0].nodeValue +
        "</td><td>" +
        x[i].getElementsByTagName("title")[0].childNodes[0].nodeValue +
        "</td><td>" +
        img.src = x[i].getElementsByTagName("thumbnail")[0].childNodes[0].nodeValue
        document.write(img.src);
    document.body.appendChild(img)"</td></tr>";;
      }
      document.getElementById("demo").innerHTML = table;
    }
    </script>

        </div>

这是XML文件的样本示例，由于不适合显示内容，因此对其进行了轻微编辑。 XML文件名为“amateur.xml”

<?xml version="1.0" encoding="utf-8"?>
<videos>
<video id="1fb853907b9ca6add9ac">
<url>a.com</url>
<categories>A</categories>
<rating>100</rating>
<title>A</title>
<tags>A;a;AB</tags>
<duration>15</duration>
<thumbnail>http://i1.cdn2a.image.phncdn.com/m=eGcE8daaaa/videos/201011/03/148553/original/12.jpg</thumbnail>

</video>
<video id="d95ebc6a75c00d9926e7">
<url>http://ab.com</url>
<categories>A;B;An</categories>
<rating>100</rating>
<title>Sie spritzt ab</title>
<tags>a;b;as;d</tags>
<duration>65</duration>
<thumbnail>http://i0.cdn2a.image..phncdn.com/m=eGcE8daaaa/videos/201102/17/160998/original/12.jpg</thumbnail>
</video>

</videos>

Answer 1

为什么会有Bar？通常情况下，当您将其放入document.write(img.src)标记时使用它，但之后您不需要创建图像对象，例如：

<img>

图像不显示从XML到HTML表

1 个答案: