Can scripts and html be inserted with innerHTML?

Question

I am getting one document from api response which contains html like this

I am inserting this document as innerHTML inside one page It is rendering properly but script is not executing.Please help me with this.How to set html so that script inside that also execute.

I tried to use set page as innerHTML

<html>
    <head></head>
    <body>
        <div>
            <div>This is my Name</div>
            <div>This is something else</div>
        </div>
        <script src="demo_script_src.js"></script>
    </body>
</html>

[Quite a lot of examples](https://www.google.com/search?q=ajax+page+with+script+site:stackoverflow.com) — mplungjan, Jul 12 '23 at 08:14

score 0 · Answer 1 · edited Jul 12 '23 at 08:16

0

Replace response with your html code, and targetElement

var parser = new DOMParser();
var parsedHtml = parser.parseFromString(response, 'text/html');

var scriptTags = parsedHtml.querySelectorAll('script');

for (var i = 0; i < scriptTags.length; i++) {    
    var newScriptTag = document.createElement('script');
    newScriptTag.textContent = scriptTag.textContent;
    
    document.head.appendChild(newScriptTag);
}

var targetElement=...;
targetElement.append(...parsedHtml.documentElement.childNodes);

edited Jul 12 '23 at 08:16

Albert Einstein

7,472
8
36
71

answered Jul 12 '23 at 08:14

Iliasse

94
6

this is not a answer to quetion – XMehdi01 Jul 12 '23 at 08:16
@XMehdi01 why is it not an answer? It does exactly what OP is asking – mplungjan Jul 12 '23 at 08:17
because don't using `innerHTML` – XMehdi01 Jul 12 '23 at 08:18
`How to set html so that script inside that also execute.` - OP does not ask to ONLY ALLOW innerHTML – mplungjan Jul 12 '23 at 08:21
Otherwise the answer is just "NO" – mplungjan Jul 12 '23 at 08:23
@mplungjan You are right – XMehdi01 Jul 12 '23 at 08:25
that's the solution that i know, hopping someone else gonna respond, and sorry if i didn't answer to your problem correctly – Iliasse Jul 12 '23 at 08:25
This solution is not working for my problem. – sneha Jul 13 '23 at 07:41

Can scripts and html be inserted with innerHTML?

1 Answers1