Vanilla javascript:在ajax get请求中获取页面的特定元素

Vanilla javascript: Get a specific element of page in an ajax get request

本文关键字：元素 获取 javascript ajax 请求 get Vanilla      更新时间：2023-09-26

我正在尝试从另一个页面获取#test1并将其附加到主页#test3。这是我到目前为止所做的：

<div id="test3"></div>

var request = new XMLHttpRequest();
request.open('GET', '//jsbin.com/wemowe', true);
request.onload = function() {
  if (request.status >= 200 && request.status < 400) {
    var resp = request.responseText;  
    var parser = new DOMParser();
    var xmlDoc = parser.parseFromString(resp,"text/xml");
    var tds = xmlDoc.getElementById("test1");
    console.log(xmlDoc);
    document.getElementById('test3').innerHTML=tds.innerHTML;
  } else {}
};
request.onerror = function() {};
request.send();

这是JSBin

有什么建议可以让它工作吗？

文档类型导致此处出现问题。

var xmlDoc=parser.parseFromString(resp, "text/xml");

将其更改为：

var xmlDoc=parser.parseFromString(resp, "text/html");
相关文章：