gpt4 book ai didi

javascript - 如何在页面上插入 html 代码(使用 DOCTYPE)?

转载 作者:行者123 更新时间:2023-11-28 16:59:50 24 4
gpt4 key购买 nike

无法使用 DOCTYPE 插入代码。对于突出显示,我使用 highlight.js

我试过:

document.querySelectorAll("code").forEach(function(element) {
element.innerHTML = element.innerHTML.replace(/&/g, "&amp;").replace(/</g, "&lt;").replace(/>/g, "&gt;").replace(/"/g, "&quot;").replace(/'/g, "&#039;");
});

HTML:

<pre><code class="html"><!DOCTYPE html>
<html>
<body>
<div class="wrapper"></div>
</body>
</html></code></pre>

最佳答案

这里的问题是您正在编写无效的 HTML,将其转换为执行错误恢复的 DOM(通过加载 HTML 文档),然后尝试将 DOM 转换回 HTML。

这将为您提供浏览器从错误中恢复的内容的 HTML 表示,而不是原始代码。

您应该首先正确编写 HTML,而不是稍后尝试用 JavaScript 修复它。

<pre><code class="html">&lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;body&gt;
&lt;div class="wrapper"&gt;&lt;/div&gt;
&lt;/body&gt;
&lt;/html&gt;</code></pre>

关于javascript - 如何在页面上插入 html 代码(使用 DOCTYPE)?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/53923524/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com