Using HTML inside javascript

Question

There is a div with id="upper_div". I have a script linked to my HTML page. Inside the script I have another div with id="lower_div". I want to use the div inside the script.

i.e I want to append the lower_div with upper_div. I'm not able to get the div inside the script.

<div id="upper_div"></div>

<script src="test.js" method="get" type="text/javascript">              
<div id="lower_div>
<p>"Test"</p>
</div>
</script>

any suggestions?

Gaurav · Accepted Answer · 2011-04-25 11:23:52Z

2

use this

var html = "<div id='lower_div'><p>Test</p></div>";
$('#upper_div').append(html);

answered Apr 25, 2011 at 11:23

Gaurav

28.8k8 gold badges54 silver badges81 bronze badges

Add a comment |

Prisoner · Accepted Answer · 2011-04-25 11:24:32Z

1

If you're using jQuery the following will work:

$('div#upper_div').append('<div id="lower_div"><p>"Test"</p></div>');

Here is a jsfiddle for you.

answered Apr 25, 2011 at 11:24

Prisoner

27.7k11 gold badges76 silver badges104 bronze badges

1

$('#upper_div') is much faster than $('div#upper_div')

Gaurav
– Gaurav

04/25/2011 11:25:25
Commented Apr 25, 2011 at 11:25

Add a comment |

Collectives™ on Stack Overflow

Using HTML inside javascript

2 Answers 2

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Your Answer

Sign up or log in

Post as a guest

Related