Is there a native javascript equivalent to jquery .load()

Question

What would be the native javascript equivalent to the jquery below?

$('#anyDiv').load("anyPage.htm");

Answer 1

Yes, there is:

function load(target, url) {
  var r = new XMLHttpRequest();
  r.open("GET", url, true);
  r.onreadystatechange = function () {
    if (r.readyState != 4 || r.status != 200) return;
    target.innerHTML = r.responseText;
  };
  r.send();
}

load(document.getElementById('anyDiv'), 'anyPage.htm');

Answer 2

You can try this,

window.onload = () => {
    fetch('/path/to/page.html')
    .then(data => {
      return data.text()
    })
    .then( data => {
      document.getElementById("parentContainer").innerHTML = data;
    })
}

Answer 3

You can try like this.

document.getElementById("anyDiv").innerHTML='<object type="text/html" data="anyPage.html" ></object>';