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

Question

我有一个元素叫做divElement ：

<div ....>

</div>

我有p元素称为pElement ：

<p ....>

</p>

我做了：

divElement.appendChild(pElement);

我有了新的元素：

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

    </p>
</div>

现在我想在p元素之后添加此unicode文本（▽），以获得：

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

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

我试过了：

divElement.innerHTML = "&#9661;";

但是我得到了：

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

    </p>
</div>

任何帮助表示赞赏！

Answer 1

您可以这样做：

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

或者，如果您不想包含文字字符：

var charDiv = document.createElement('div')
charDiv.innerHTML = "&#9661;"
document.body.appendChild(charDiv)

Answer 2

只需将符号与div的innerHTML串联即可。

HTML：

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

javaScript：

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