我尝试遍历包含用户的XML节点,以在我的网站上创建en html表
for(var user in xmlhttp.getElementsByTagName('user')){ //fix this row to me
//Create a new row for tbody
var tr = document.createElement('tr');
document.getElementById('tbody').appendChild(tr);
}
xml看起来像这样
<websites_name>
<user>...</user>
<user>...</user>
.
.
.
</websites_name>
更新
xmlhttp = new XMLHttpRequest();
xmlhttp.open("GET","some URL",true);
xmlhttp.send();
var xmlDoc = xmlhttp.responseXML;
var root = xmlDoc.getElementsByTagName('websites_name');
for(var i=0, i<root[0].childNodes.length,i++){
//Create a new row for tbody
var tr = document.createElement('tr');
document.getElementById('tbody').appendChild(tr);
}
答案 0 :(得分:14)
解析XML最不直观的一点是,元素标记内的文本实际上是您必须遍历的节点。
假设它是<user>text data</user>
,您不仅需要遍历用户元素的文本节点来提取文本数据,而且还必须在DOM中创建一个包含该数据的文本节点才能看到它。请参阅nodeValue和createtextnode:
// get XML
var xml = xhr.responseXML;
// get users
var users = xml.getElementsByTagName("user");
for (var i = 0; i < users.length; i++) {
var user = users[i].firstChild.nodeValue;
var tr = document.createElement("tr");
var td = document.createElement("td");
var textNode = document.createTextNode(user);
td.appendChild(textNode);
tr.appendChild(td);
document.getElementById("tbody").appendChild(tr);
}