在元素后插入html（unicode文本）

Question

I have an element is called divElement : 我有一个元素叫做divElement ：

<div ....>

</div>

and I have p element is called pElement : 我有p元素称为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: 现在我想在p元素之后添加此unicode文本（▽），以获得：

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

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

I tried: 我试过了：

divElement.innerHTML = "&#9661;";

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 = "&#9661;"
document.body.appendChild(charDiv)

Answer 2

Simply concatenate the sign with the innerHTML of the div. 只需将符号与div的innerHTML串联即可。

HTML : HTML：

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

javaScript : javaScript：

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

Demo 演示版