javascript - 在元素后插入 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)