Append div which is saved as a string with javascript

Question

How can i append to a DOM element a div which is saved as a string in a variable?

as for example:

var toAppend = "<div id="divID" class="hello" contenteditable>hi hi</div>";

how can I append it using for example:

$('#parentDiv').appendChild( ... );

score 0 · Accepted Answer · answered Oct 19 '18 at 22:01

0

As follow:

var str = '<div id="divID" class="hello" contenteditable>hi hi</div>';
$('#parentDiv').append(str);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id='parentDiv'/>

answered Oct 19 '18 at 22:01

Ele

So with jquery .append i can append it as it is, cool thanks. – Oct 19 '18 at 22:10
Does it append it below the parentDiv in this case? If i have other divs inside parentDiv already for instance, it goes as last? – Oct 19 '18 at 22:12
2

It works just like appendChild. It adds the element(s) as the last children of the element you are appending to – Taplar Oct 19 '18 at 22:15

1 Answers1