Javascript CSS的目标responseXML数据

我有一个基本的XMLHttpRequest，它将xml文件中的数据返回给ul，并将其放入我网页上的div中：

var request;
if (window.XMLHttpRequest){
    request = new XMLHttpRequest();
}else{
    request = new ActiveXObject("Microsoft.XMLHTTP");
}
request.open("GET", "data.xml");
request.onreadystatechange = function(){
    if((request.readyState ===4) && (request.status ===200)){
        var items = request.responseXML.getElementsByTagName('title');
        output = "<ul>";
        for (i=0; i<items.length; i++){
        output += "<li>" + items[i].firstChild.nodeValue + "</li>";
        }
    output += "</ul>"
    document.getElementById('update').innerHTML = output;
    }
}
request.send();

---

什么也没发生。将数据导入html后，如何使用css将其定向并设置样式？

您无法在视图源代码中看到，因为您是通过ajax加载内容的。您应该在未准备好文档的请求后更改样式。或者您可以使用类而不是样式，这样您就不必关心在将html加载到页面后样式何时会自动更改

通过检查元素，您可以看到chrome或ff的新内容

request.onreadystatechange = function () {
    if ((request.readyState === 4) && (request.status === 200)) {
        console.log(request);
        var items = request.responseXML.getElementsByTagName('title');
        output = "<ul>";
        for (i = 0; i < items.length; i++) {
            output += "<li>" + items[i].firstChild.nodeValue + "</li>";
        }
        output += "</ul>"
        document.getElementById('update').innerHTML = output;
        var cssObj = {
            "background-color": "#333",
                "color": "#FFF",
        }
        $("ul:last li").css(cssObj);
    }
}

---

未调用XMLHttpRequest.open从本地文件读取数据。它需要一个URL。当我从我的web服务器提供文件时，我得到了相同的结果。

request.onreadystatechange = function () {
    if ((request.readyState === 4) && (request.status === 200)) {
        console.log(request);
        var items = request.responseXML.getElementsByTagName('title');
        output = "<ul>";
        for (i = 0; i < items.length; i++) {
            output += "<li>" + items[i].firstChild.nodeValue + "</li>";
        }
        output += "</ul>"
        document.getElementById('update').innerHTML = output;
        var cssObj = {
            "background-color": "#333",
                "color": "#FFF",
        }
        $("ul:last li").css(cssObj);
    }
}