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

Insert html (unicode text) after an element

本文关键字：unicode 文本 html 元素 插入      更新时间：2023-09-26

我有一个元素叫做divElement:

<div ....>
</div>

并且我有CCD_ 2元素称为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>

感谢您的帮助！

您可以这样做：

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

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

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

只需将符号与div的innerHTML连接即可。

HTML:

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

javaScript:

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

演示

相关文章：