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

标签 dom google-chrome google-chrome-extension loading

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

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

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

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

最佳答案

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

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

关于dom - Chrome 扩展程序 : Modify DOM before loading,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/9778637/

相关文章:

javascript - 遍历 DOM 获取字符串有时会正确返回

javascript - 在文档上触发 div mousemove

javascript - JavaScript 和 DOM 究竟是如何工作的?

javascript - 单击事件在单击内部跨度元素时不起作用

android - 图片标签在 Android 版 Chrome 上使用了错误的来源

google-chrome-extension - 如何保护Chrome扩展程序

javascript - Puppeteer使用JS路径选择器通过DOM输入登录文本的问题

html - 如何检测 <input type ="color"> 拾色器是否打开和关闭

javascript - 使用 chrome 扩展获取 DNS 错误和错误 404

javascript - 从扩展中的 javascript 访问 chrome.history 并更改正在查看的页面