【问题标题】:How to render the right content by using innerHTML如何使用 innerHTML 呈现正确的内容
【发布时间】:2021-04-02 07:24:51
【问题描述】:

重现步骤

$dom.innerHTML = '<div><img src=".."><NonHtmlTag>text!</div>'

预期

&lt;NonHtmlTag&gt;text!

实际发生

text!
在 chrome 中显示:

问:

如何防止&lt;NonHtmlTag&gt; 被识别为 HTML 元素?

【问题讨论】:

    标签: javascript html innerhtml


    【解决方案1】:

    尝试对 html 元素的“innerText”属性进行尝试。它将内容仅作为文本。

    https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/innerText

    或者看看'Node.textContent'是否可以工作! https://developer.mozilla.org/en-US/docs/Web/API/Node/textContent

    【讨论】:

    • 不行,因为我想要正确的html &lt;img ....
    猜你喜欢
    • 1970-01-01
    • 2020-02-19
    • 2018-04-08
    • 2020-11-11
    • 2018-08-20
    • 2023-03-14
    • 2010-12-08
    • 2019-09-16
    • 2014-04-29
    相关资源
    最近更新 更多