完全使用JavaScript替换html元素（无库）

我正在开发嵌入式WKWebView（iOS上的浏览器视图），因此我不想/不能使用任何库，需要纯用JavaScript实现以下功能

在加载web视图的内容时，我想清除以前的内容，并显示类似“加载…”的内容

最明显的方法是

document.body.innerHTML = "Loading...";

（方法1）

但问题是它保留了页面的其他元素（如脚本、样式），而我需要重置样式（如清晰的背景、字体等）

有一种方法可以通过删除HTML元素来清除所有内容，这很好

document.documentElement.remove()

（方法2）

但是我怎样才能添加一个新的HTML元素和新的内容呢

那么，有没有一种方法可以使用方法2添加新的HTML元素，或者使用方法1清除样式、脚本等

注意：

加载…

只是我想使用的一个示例文本，如果重要的话，实际内容可以是正确的HTML。

试试看

document.documentElement.remove（）；
var html=document.createElement（'html'）；
var body=document.createElement（'body'）；
appendChild（body）；
文件.appendChild（html）；
document.body.innerHTML=`这里是您的任意html`
x
存储节点并显示加载

var head = document.head.innerHTML;
var body = document.body.innerHTML;
document.head.innerHTML = '';
document.body.innerHTML = 'Loading...';

撤消

通过这种方式，您可以显示正在加载的内容
 您需要清除内容吗？例如，我们有一个
弹出窗口
div，它将显示和隐藏所有其他内容。那够了吗？你到底为什么要这样做？为什么不实现类似于
模式窗口的功能呢？
？我不知道加载了哪个站点，所以谁知道这些弹出窗口的样式呢？@Bhojendra Rauniyar it；'it’在你把一个问题标为重复题之前，先把它读一遍是个好主意。我不是问如何清除内容，而是问如何加载新内容。另外，还有更好的副本：，…完美，这正是我所需要的。端到端解决方案的奖金。谢谢
document.head.innerHTML = head;
document.body.innerHTML = body;