我试图获取一个特定的div内容,包括来自responseText的另一个页面的所有元素
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();
}
我现在的问题是如何只获取&#34; div_1&#34;的源代码。元件。我想将此源代码保存到数据库中。我尝试使用getElementbyId(&#34; div_1&#34;),但它没有用。
答案 0 :(得分:2)
尝试.filter()
出所需元素并使用.html()
获取其innerHtml,
$(source_code).filter('#div_1').html()