html读取xml文件

var ajax = false;
window.onload = function(){
if(window.XMLHttpRequest){
ajax = new XMLHttpRequest();
}
else if(window.ActiveXobject){
try {
ajax = new ActiveXobject("microsoft.XMLHTTP");
}
catch(el){
try{
ajax = new ActiveXobject("Microsoft.XMLHTTP");
}
catch(e2){}
}
}

ajax.open("GET","carr.xml",true);

ajax.onreadystatechange = function(){
if(ajax.status==200 && ajax.readyState==4){
var allCars = ajax.responseXML.getElementsByTagName("car");
for (var i = 0; i<allCars.length;i++) {
var model = allCars[i].getElementsByTagName("Model")[0].firstChild.wholeText;
var mileage = allCars[i].getElementsByTagName("Mileage")[0].firstChild.wholeText;
var fueltype = allCars[i].getElementsByTagName("FuelType")[0].firstChild.wholeText;
var seats = allCars[i].getElementsByTagName("Seats")[0].firstChild.wholeText;
var modelyear = allCars[i].getElementsByTagName("ModelYear")[0].firstChild.wholeText;
var priceperday = allCars[i].getElementsByTagName("PricePerDay")[0].firstChild.wholeText;
var description = allCars[i].getElementsByTagName("Description")[0].firstChild.wholeText;
var brand = allCars[i].getElementsByTagName("Brand")[0].firstChild.wholeText;
var availability = allCars[i].getElementsByTagName("Availability")[0].firstChild.wholeText;
var category = allCars[i].getElementsByTagName("category")[0].firstChild.wholeText;

var head = brand + "-" + model + "-" + modelyear;

var newdiv = document.createElement("div");
newdiv.innerHTML =

‘<img src="pic/‘ +
model +
‘.jpg"/><b>‘ +
head +
"</b><br><b>mileage: </b>" + mileage +
"<br><b>fuel type: </b>" + fueltype +
"<br><b>seats: </b>" +seats +
"<br><b>price per day: </b>" + priceperday +
"<br><b>availability: </b>" + availability +
"<br><br><b>description: </b>" + description +
‘<br><button onclick="addcart(\‘‘ +model+ "\‘,\‘"+ availability+ ‘\‘)">Add to cart</button>‘;
document.getElementById("carinfo").appendChild(newdiv);

}
}
};

ajax.send(null);

}

html读取xml文件

原文：https://www.cnblogs.com/F4natasy/p/10953444.html