Запуск функции после загрузки дива

[qwe88]

Добрый день!
Подскажите, пожалуйста, как сделать запуск функции, только после загрузки div-а (с любым содержанием).
После дива расположить скрипт - нельзя
Jquery c функцией ready - нельзя

[Lemme]

qwe88, без ready - window.onload ?

[qwe88]

НА сколько я понимаю window.onload это загрузка всей страницы. А мне нужно после загрузки конкретного элмента

[tsigel]

qwe88,
Ну если вы знаете его селектор или id, то можно лупить по нему (например каждые 10 или 5 мс) в доме пока не появится) Но лучше дождаться хотябы загрузки дом, например body onload

[qwe88]

body onload = window.onload , если я не ошибаюсь.
Лупить имеете ввиду через setInterval() ?

[tsigel]

Лупить имеете ввиду через setInterval() ?

Да.
А DOMContentLoaded тож низя?

[qwe88]

Да.
А DOMContentLoaded тож низя?

В принципе альтернатива. Спасибо!
Но хотелось бы на будущее понимать, есть ли решение данной задачи

[caetus]

может дождись загрузки DOM потом через window.onload встав div и вызови функцию

[tsigel]

qwe88,
Вообще DOMContentLoaded - это просто нативный вариант $(document).ready(...), в любом случае перед манипуляциями с домом надо дождаться пока догрузится хтмл. Самый простой способ - скрипты вниз, если скрипты в head, то DOMContentLoaded.

[forwardonly2015]

<html>

<head>
<meta charset="utf-8">

</head>

<body>

<div id="container"></div>


<script>


div=document.createElement("div")
div.innerHTML="foo"

observer=new MutationObserver(function(mutations){
  mutations.forEach(function(mutation){if(mutation.target.id==="container") alert("my script is running")})
})


observer.observe(container, {childList: true})
setTimeout(function(){container.appendChild(div)}, 3000)


</script>
</body>
</html>