javascript - 在 DOM 完全加载之前更改 DOM 的方法

Question

我知道一些程序（如油脂猴）可以在 DOM 完全加载后修改 DOM。

但是在 DOM 加载期间是否有可能？还是在加载之前？

Answer 1

也许已经在这里回答了：

Chrome 扩展：在加载之前修改 DOM
在就绪状态之前操作 dom 可以吗？
可以在初始 DOM 解析期间/之前修改 DOM 吗？

Answer 2

是的，这是可能的。

看看这个例子：

<div id="t">Some text</div>
<script>
    document.getElementById('t').textContent = "Other text";
</script>
<div>Yay!</div>

即使“耶！”，脚本部分也会修改 DOM。div 没有加载。但是，它只能这样做，因为<div id="t">已经加载了。

这是你能做多少的程度。

如果您想在 DOM 加载时插入一些东西，您可以使用document.write（这是大多数广告提供商用来在添加其代码段的任何位置添加脚本标签的技巧）。