How to get content from [object HTMLDocument] in javascript

Question

I'm trying to fetch an HTML data (which I parsed from string because the javascript files linked to it doesn't work) from a url, then load the response into document. However, when I log the response in the console, I get the html content but it displays [object HTMLDocument] when I load the document.

Here is my code -

fetch(url)
.then(res => res.text())
.then(data => {
    let parsedRes = (new window.DOMParser()).parseFromString(data, "text/html")
    processData(parsedRes, url)
});

function processData(response, urlPath){
    console.log(response)
    document.querySelector("html").innerHTML = response;
    window.history.pushState({}, "", urlPath);
};

How can this be achieved?

Answer 1

response is a document object, innerHTML expects a string. You could use the inner html of the response document...

 fetch(`data:text/html;,<html><head>\

How to get content from [object HTMLDocument] in javascript

Question

1 answers

solution1
2 ACCPTED 2021-06-04 23:26:24

How to get content from [object HTMLDocument] in javascript

Question

1 answers

solution1 2 ACCPTED 2021-06-04 23:26:24

solution1
2 ACCPTED 2021-06-04 23:26:24