Run custom javascript from dynamicaly loaded innerHTML context

Question

I have an HTML document

...

<div id="test"></div>

...

Then i dynamicaly load some context to #test div.

function change()
{
ws = document.getElementById(id);
str = '<script>function ttest(){window.alert("Yahoo!!!")}</script><select><option onclick="ttest();">1</option><option >2</option></select>';
ws.innerHTML = str;
}

window.onload = change();

When the page is loaded a custom script

<script>function ttest(){window.alert("Yahoo!!!")}</script>

doesnt work.

It works perfect when its put static without any innerHTML. Also it works when its not a custom function.

How can i make my custom function work, when it was loaded dynamically using innerHTML or/and AJAX+innerHTML ?

What do you mean by "doesn't work" ? What are you trying to do ? — Anthony Granger
– Anthony Granger, Commented Jan 18, 2017 at 14:59
actually my code is a little bit more complex ))). This one is just to make a question and find a solution on how to run custom javascript which is loaded dynamically. I am not afraid of sharing but there are too much text .... — BOTU
– BOTU, Commented Jan 18, 2017 at 15:05
try to write str = '<scr' + 'ipt>function ttest(){window.alert("Yahoo!!!")}</scr' + 'ipt>'; — digital illusion
– digital illusion, Commented Jan 18, 2017 at 15:35

halshing · Accepted Answer · 2017-01-18 16:02:44Z

1

Add your script to the document.head via createElement. So something like this:

var script = document.createElement("script");
script.innerHTML = "function ttest() { alert('Yahoo'); }";
document.head.appendChild(script)

answered Jan 18, 2017 at 16:02

halshing

6422 gold badges6 silver badges17 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

BOTU Over a year ago

Thanks, it works....!!!! But with one correction - document.getElementsByTagName('head') instead of document.head.

Collectives™ on Stack Overflow

Run custom javascript from dynamicaly loaded innerHTML context

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related