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

Question

I'm trying to get #test1 from another page and append it to #test3 of the main page. This is what I have done so far:

<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();

Here is JSBin

Any suggestion to make it work?

Karthik · Accepted Answer · 2015-01-03 04:48:11Z

7

The doc type is causing the issue here.

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

change it to:

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

answered Jan 3, 2015 at 4:48

Karthik

1,3776 silver badges8 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

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

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related