Chrome扩展：在加载前修改DOM

Question

我的Chrome扩展程序应该在DOM完全构建之前修改DOM元素，并且在最佳方案中，在构造DOM元素之后立即修改。

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

但是我只是在构造元素之前和构造整个DOM之后才设法访问DOM。

那么我该如何倾听特殊元素的构造？

Answer 1

您可以将document.addEventListener与DOMNodeInserted事件一起使用。将构造节点，您将有机会在将它们插入DOM之前对其进行修改。以下内容应该有效。

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