Javascript Clone Document object

Question

I have the html page. In that HTML page, Iust want to clone all elements like head,body and other elements . I can able to get like this

const getHeadEle = () => {
    const newHead = document.head.cloneNode(true);
    return newHead.innerHTML;
}
const getBody = () => {
    const head = document.head.cloneNode(true);
    const dom = document.createElement('div');
    dom.innerHTML = document.body.innerHTML;
    return dom.innerHTML;
}

const html = `<!doctype html><html lang="en"><head>${getHeadEle()}</head><body>${getBody()}</body></html>`;

For now, I get the head element and body element into separate method. Is possible to clone all documents in a line of code?

Answer 1

try it ...

const getdocument = () => {
   const newDocument = document.cloneNode(true);
   return newDocument ;
}

    const html = getdocument() ;

Javascript Clone Document object

Question

1 answers

solution1
1 2021-07-20 09:37:52

Javascript Clone Document object

Question

1 answers

solution1 1 2021-07-20 09:37:52

solution1
1 2021-07-20 09:37:52