Как выполнить код после появления определенного элемента на странице?

Question

[Мелан Альботов]

На сайте есть элемент который появляется не сразу, а после того как пользователь авторизуется на сайте. Как сделать чтобы код выполнился(для добавления еще одного элемента) только после того как нужный элемент появится на странице? пробовал через while, страница зависла. Нужно решение на нативном js

Answer 1

[Алексей Ярков]

MutationObserver

Answer 2

[Hlib]

Смотря как у вас происходит авторизация
Вы прокидываете ключ сессии в куки?
Если да, то проверяйте ее наличие при загрузки страницы.

Comments

[Мелан Альботов]

Я добавляю элемент через "document.querySelector(".classname").appendChild"
Но указываемого элемента нет изначально на странице(странице с авторизацией). Он появляется позднее, через разное время(Пробовал через таймер, работает, но этот вариант не подходит, ибо на все пк страница грузится разное время, нужно чтобы код выполнялся сразу как появится элемент на странице). Как это можно сделать?

Answer 3

[v3shin]

Привязывайтесь не к появлению элемента, а к условиям его появления. В вашем случае добавьте callback на авторизацию пользователя.

Comments

[Мелан Альботов]

Сайт сторонний, весь js код в расширении, которое должно добавлять кнопку на сайт

[v3shin]

Мелан Альботов, тогда Алексей Ярков подсказал вам правильное решение. Пример - https://gist.github.com/MaxXx1313/4b2a1ca73521e34a...

[Мелан Альботов]

v3shin, Спасибо