How to run the scripts in html document and get resulting document in node?

Question

I have a string in node with a html document like this:

<p id="text">First text</p>
<script>
    document.getElementById('text').innerHTML = 'Second text';
</script>

And I want to get the resulting html document after running the scripts like this:

<p id="text">Second text</p>
<script>
    document.getElementById('text').innerHTML = 'Second text';
</script>

I don't know how to do it and I didn't found anything that can help. The scripts are more complex, this is an example

So, you want to execute your script tag once before serving your html document to client ? — Sanskar Bansal, Sep 01 '21 at 17:11
Can you explain what does this line means, "I have a string in node"? i am not getting this line. — Sanskar Bansal, Sep 01 '21 at 17:12
Yes, I wan't to make a capture of the html and I need to run scripts before — javalsai, Sep 01 '21 at 17:15
@SanskarBansal, it isn't a file, it's a template string with html in it — javalsai, Sep 01 '21 at 17:17

score 1 · Accepted Answer · answered Sep 01 '21 at 17:32

1

You can look for a package called JSDOM.

const jsdom = require("jsdom");
const { JSDOM } = jsdom;
const dom = new JSDOM(`<p id="text">First text</p>
<script>
    document.getElementById('text').innerHTML = 'Second text';
</script>
`, { runScripts: "dangerously" }
); 

console.log(dom.window.document.body.innerHTML);

You can check more details regarding this package on this url: https://www.npmjs.com/package/jsdom

answered Sep 01 '21 at 17:32

Sanskar Bansal

188
9

Now you can do whatever you want with this ```dom.window.document.body.innerHTML```, you can save it in file, serve it to your clients, i guess this is what you are looking for. – Sanskar Bansal Sep 01 '21 at 17:33
Thanks, it was exactly what I was looking for – javalsai Sep 01 '21 at 17:40

How to run the scripts in html document and get resulting document in node?

1 Answers1