Расширение 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);