javascript - 使用 XMLHttpRequest.responseText 解析 XML 文件不会显示在 div 上

Question

我正在尝试从 API 链接解析 XML 文档......

但是，当我尝试使用代码 div.innerHTML=request.responseText 时，它不会将文本解析到 div 中，这与之前行中调用的警报中的情况不同。

<div id="myDiv"></div>

<script>
var url = 'http://www.bea.gov/api/data/?&userID=XXXXX&method=GETDATASETLIST&ResultFormat=XML&';
    div = document.getElementById("myDiv");

request = new XMLHttpRequest();
request.open('GET', url, true);
request.onload = function() {
    data = request.responseText;
    alert(data);
    div.innerHTML = data;
};
request.send();
</script>

警报功能正常工作但 div.innerHTML 功能对 request.responseText 不起作用的任何原因？

Answer 1

var url = 'http://www.bea.gov/api/data/?&userID=XXXXX&method=GETDATASETLIST&ResultFormat=XML&';
var div = document.getElementById("myDiv");
request = new XMLHttpRequest();
request.open('GET', url, true);
request.onload = function() {
    data = request.responseText;
    console.log(data);
    div.textContent = data;
};
request.send();

这应该有效。