How to get a div of another html page with pure js?

Question

I want to upload a list of a div, from one page to another (both on my server). I know that for this there is the function jquery $('#content').load('paginaexemplo.htm' '#lista'), but I’d like to know how I do it with javascript pure.

Answer 1

You can do it this way with Xmlhttprequest:

var http = new XMLHttpRequest();

var url_ = "pagina.php"; // página de onde virá a div
http.open("GET", url_, true);
http.onreadystatechange = function(){
   if(http.readyState == 4){
      var html = http.responseText;
      // converte o retorno em elementos HTML
      html = new DOMParser().parseFromString(html, "text/html");
      document.getElementById('id_da_div_que_irá_receber').innerHTML = html.getElementById('id_da_div_que_de_onde_virá').innerHTML.trim();
   }
}
http.send(null);