Question

我很难从XML单元获取url / href。

在下面的示例中，我可以获取 type 和 subtype 的值，但是我不知道如何获取 url 来自照片。

我的想法是，它可以类似于此 “ var x = elem.getElementsByTagName（” photo“）。url;” ，但看来我做不到弄清楚。

XML：

<item>
    <type>animal</type>
    <subtype>dog</contentId>
    <photo url="https://cdn.pixabay.com/photo/2016/02/19/15/46/dog-1210559_1280.jpg"/>
</item>

<item>
    <type>animal</type>
    <subtype>cat</contentId>
    <photo url="https://cdn.pixabay.com/photo/2017/02/20/18/03/cat-2083492_960_720.jpg"/>
</item>

代码：

<style>
table,
th,
td {
  border: 1px solid black;
  border-collapse: collapse;
}
th,
td {
  padding: 5px;
}
</style>


<button type="button" onclick="loadDoc()">Load</button>
<br><br>
<table id="myTable"></table>


<script>
var xmlFile = 'file.xml';

function loadDoc() {
  var xhttp = new XMLHttpRequest();

  xhttp.open("GET", xmlFile, true);
  xhttp.send();
  xhttp.onreadystatechange = function() {
    if (this.readyState === 4 && this.status === 200) {
      xmlFunction(this.response);
    }
  };

}

function xmlFunction(xml) {
  var parser = new DOMParser();
  var xmlDoc = parser.parseFromString(xml, "text/xml");
  var table = "<tr><th>Type</th><th>Subtype</th><th>Photo</th></tr>";
  var x = xmlDoc.getElementsByTagName("item");
  for (var elem of x) {
    var type = elem.getElementsByTagName(
  "type")[0].childNodes[0].nodeValue;
    var subtype = elem.getElementsByTagName("subtype")[0].childNodes[0].nodeValue;
    var photo = elem.getElementsByTagName("photo").url;

    table += "<tr><td>" + type + "</td><td>" + subtype + "</td><td>" + photo + "</td></tr>";
  }
  document.getElementById("myTable").innerHTML = table;
}
</script>

Answer 1

在您的代码中，您具有以下这一行：

var photo = elem.getElementsByTagName("photo").url;

您需要从元素中获取属性。由于您将0用作索引，因此也可以将其用于phote，并且可以将该行代码更新为：

var photo = elem.getElementsByTagName("photo")[0].getAttribute('url');

注意，在您提供的xml中，此行不正确：

<subtype>dog</contentId>

您还缺少根节点，但是我认为这可能是xml的一部分。

如何从XML表单元格获取url / href

1 个答案: