javascript - 从 responseText 中获取特定的 div 内容并将源代码保存到数据库中

Question

我正在尝试从 responseText 获取一个特定的 div 内容，包括另一个页面的所有元素

html 文件的主体如下所示:

<div id="div_1">
    <div><h1> Title 1 </h1></div>
    <div><img src="blah1.jpg" /></div>
    <div><p> Lorem Ipsum </p></div>
</div>
<div id="div_2">
    <div><h1> Title 2 </h1></div>
    <div><img src="blah2.jpg" /></div>
    <div><p> Lorem Ipsum </p></div>
</div>

这是我获取整个html页面源代码的函数:

function getSourceCode() {
    var xmlhttp;
    if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari
        xmlhttp = new XMLHttpRequest();
    }
    else {// code for IE6, IE5
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }

    xmlhttp.onreadystatechange=function(){
        if (xmlhttp.readyState==4 && xmlhttp.status==200){
            var source_code = xmlhttp.responseText;
            alert(source_code);
        }
    }
    xmlhttp.open("GET","test.html",true);
    xmlhttp.send(); 
}

我现在的问题是如何只获取“div_1”元素的源代码。我想将此源代码保存到数据库中。我尝试使用 getElementbyId("div_1") 但它没有用。

Answer 1

尝试.filter() 出所需的元素并使用.html() 获取其innerHtml，

$(source_code).filter('#div_1').html()