在元素后面插入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 = "▽";

但我得到了：

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

    </p>
</div>

任何帮助表示赞赏！

Answer 1

你可以这样做：

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

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

var charDiv = document.createElement('div')
charDiv.innerHTML = "▽"
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";

Demo