JS событие, когда элемент добавлен в DOM?

Это для целей отладки, чтобы найти, какая часть кода создает/изменяет элемент.JS событие, когда элемент добавлен в DOM?

Есть ли способ, чтобы создать событие точки останова л обратного вызова раз указанный ID/CLASS был добавлен элемент/модифицированный?

Конечно, может быть и другой способ, так что хотелось бы услышать это тоже.

источник

2013-05-13 lukas.pukenis

Для этого обычно используется плагин jquery 'livequery'. – Arindam

Инспектор не может использоваться для наблюдения за созданием/удалением элементов DOM. – Arindam

Я собирался предложить новый объект (ish) 'MutationObserver' ([DOM4] (https://dvcs.w3.org/hg/domcore/raw-file/tip/Overview.html#mutation-observers), [ MDN] (https://developer.mozilla.org/en-US/docs/DOM/MutationObserver?redirectlocale=en-US&redirectslug=DOM%2FDOM_Mutation_Observers)), которые поддерживаются некоторыми браузерами (Chrome 18+, Firefox 14+ и Safari 6 +). Но поскольку Rob W указал на мой теперь удаленный ответ, обратный вызов, который вы получаете из 'MutationObserver', является асинхронным, поэтому вы не можете его разбить. :-( –

С Devtools, что невозможно получить точное решение, но вы можете попробовать вариации этого:

Поднимают DevTools (Ctrl + Shift + I), перейти к элементам панель.
Щелкните правой кнопкой мыши нужный элемент (родительский).
В контекстном меню выберите Break on... - Subtree Modifications.

Как говорится, DevTools разбивается на код, который изменяет узлы-преемники элемента контекста. Вы также можете установить точку останова Node Removal таким же образом, что и при удалении контекстного элемента.

источник

2013-05-13 11:04:32

Спасибо, я использовал этот метод, однако он не работает для меня и моего тяжелого приложения js/ajax :( –

JS событие, когда элемент добавлен в DOM?

ответ

Смежные вопросы