JavaScriptのXMLオブジェクト - 未定義

Question

次のコードは私のIDを返します。それは未定義戻ってくるIMAGEURL私は次の属性に変更

var xhttp = new XMLHttpRequest(); 
xhttp.onreadystatechange = function() { 
    if (this.readyState == 4 && this.status == 200) { 
    myFunction(this); 
    } 
}; 
xhttp.open("GET", "https://brewslocal.com/brewery-images-xml", true); 
xhttp.send(); 

function myFunction(xml) { 
    var xmlDoc = xml.responseXML; 
    document.getElementById("photoBox").innerHTML = xmlDoc.getElementsByTagName("image")[0].id; 
} 

<div id="photoBox"></div> 

。

var xhttp = new XMLHttpRequest(); 
xhttp.onreadystatechange = function() { 
    if (this.readyState == 4 && this.status == 200) { 
    myFunction(this); 
    } 
}; 
xhttp.open("GET", "https://brewslocal.com/brewery-images-xml", true); 
xhttp.send(); 

function myFunction(xml) { 
    var xmlDoc = xml.responseXML; 
    document.getElementById("photoBox").innerHTML = xmlDoc.getElementsByTagName("image")[0].imageurl; 
} 

<div id="photoBox"></div> 

任意のアイデア？

Answer 1

Element.getAttribute('attributeName')を使用すると、このカスタムHTML要素から属性値を取得できます。

function myFunction(xml) { 
    var xmlDoc = xml.responseXML; 
    document.getElementById("photoBox").innerHTML = xmlDoc.getElementsByTagName("image")[0].getAttribute('imageurl'); 
} 

Answer 2

あなたは