Question

ajax中请求的页面正常返回后为什么不能解析html标签？？

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<h1 onClick="abc()">1111111111111</h1>
<p id="New">abc</p>
<h1>2222222222222</h1>
<script>
function abc(){
var request = new XMLHttpRequest();
request.open('GET','a.html',true);
//request.setRequestHeader('Content-type','application/x-www-form-urlencoded');
request.onreadystatechange = function(){

if(request.readyState == 4){
var para = document.createElement('p');
var txt = document.createTextNode(request.responseText);
para.appendChild(txt);
document.getElementById('New').appendChild(para);
}
};
request.send(null);
}
</script>
我知道可能是var txt = document.createTextNode(request.responseText);有点问题
具体怎么设置能够让返回的页面以正常的html标签显示呢？？

Answer 1

试试para.innerHTML = txt;吧
txt在这里是text object

如果嫌麻烦的话直接para.appendChild(request.sponseText)应该就可以

追问

你说的后一种方法不行
第一种方法txt不能是object 必须是文本才行
谢谢

追答

恩，我试了下，确实不能直接将字符串放进去