dom - Chrome 扩展程序 : Modify DOM before loading

Question

我的 Chrome 扩展程序应该在 DOM 完全构建之前修改一个 DOM 元素，在最好的情况下，在这个 DOM 元素被构建之后。

例如，如果我的文档中有一个，我想等到它被构造出来，然后直接修改它，然后再构造其余的 DOM。

但是我只能在元素构建之前和整个 DOM 构建之后访问 DOM。

那么我如何聆听一个特殊元素的构造呢？

Answer 1

您可以使用 document.addEventListener与 DOMNodeInserted事件。节点将被构建，您将有机会在将它们插入到 DOM 之前对其进行修改。像下面这样的东西应该可以工作。

function nodeInsertedCallback(event) {
  console.log(event);
};
document.addEventListener('DOMNodeInserted', nodeInsertedCallback);