Adding a Script tag in a DIV element

Question

I have a code like this:

var myscript = document.createElement('script');
myscript.setAttribute('src','codescript.js');
document.head.appendChild(myscript);

The result is:

<head>
  <script src="codescript.js"></script>
</head>

Well, how do I change the code.I'm hoping to put the script into a DIV tag which will be more specific.

For example:

<head></head>

<body>
  <div id="this">
    <script src="codescript.js"></script>
  </div>
</body>

you want the content of script into the div?

guradio
– guradio

2016-05-10 07:25:22 +00:00
Commented May 10, 2016 at 7:25 — guradio
– guradio, Commented May 10, 2016 at 7:25
Just put the script code in a div tag

pemula banget
– pemula banget

2016-05-10 07:29:12 +00:00
Commented May 10, 2016 at 7:29 — pemula banget
– pemula banget, Commented May 10, 2016 at 7:29

Suren Srapyan · Accepted Answer · 2016-05-10 07:25:24Z

3

Try this:

var myscript = document.createElement('script');
myscript.setAttribute('src','codescript.js');

var div = document.getElementById('this');
div.appendChild(myscript);

document.getElementById: Get the element with the specified id which is passed to that function as the first parameter.

answered May 10, 2016 at 7:25

Suren Srapyan

68.9k14 gold badges128 silver badges119 bronze badges

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

Comments

JSchirrmacher · Accepted Answer · 2016-05-10 07:26:38Z

0

With jQuery, you can simply use $.getScript('codescript.js'); to load code.

See https://api.jquery.com/jQuery.getScript/

answered May 10, 2016 at 7:26

JSchirrmacher

3,3692 gold badges22 silver badges31 bronze badges

Collectives™ on Stack Overflow

Adding a Script tag in a DIV element

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related