我很难从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>
答案 0 :(得分:1)
在您的代码中,您具有以下这一行:
var photo = elem.getElementsByTagName("photo").url;
您需要从元素中获取属性。由于您将0用作索引,因此也可以将其用于phote,并且可以将该行代码更新为:
var photo = elem.getElementsByTagName("photo")[0].getAttribute('url');
注意,在您提供的xml中,此行不正确:
<subtype>dog</contentId>
您还缺少根节点,但是我认为这可能是xml的一部分。