Insert html (unicode text) after an element

Question

I have an element is called divElement :

<div ....>

</div>

and I have p element is called pElement :

<p ....>

</p>

I did:

divElement.appendChild(pElement);

and I got new element:

<div ....>
    <p ....>

    </p>
</div>

now I want to add this unicode text (▽) after the p element in order to get:

<div ....>
    <p ....>

    </p>
    &#9661;
</div>

I tried:

divElement.innerHTML = "▽";

but I got:

<div ....>
    &#9661;
    <p ....>

    </p>
</div>

any help appreciated!

Answer 1

You could do this:

divElement.appendChild(document.createTextNode("▽"))

Or, if you don't want to include the literal character:

var charDiv = document.createElement('div')
charDiv.innerHTML = "▽"
document.body.appendChild(charDiv)

Answer 2

Simply concatenate the sign with the innerHTML of the div.

HTML :

<div id="divElement">
    <p id="pElement">
        Hello
    </p>
</div>

javaScript :

var element = document.getElementById("divElement");
element.innerHTML += "&#9661";

Demo