如何将纯文本等HTML附加到页面

Question

我在DOM中有<li>，想插入带有纯文本等HTML的字符串。但是它附加了html。对不起，英语不好。

示例

<li></li> - empty list element

我想将字符串<script>alert(1)</script>像文本一样附加到li，而不执行。

Answer 1

您可以使用innerText，如下所示：

document.querySelector('li').innerText += '<script>alert(1)<\/script>';

<li></li>

但是，请记住，您必须转义某些字符。