Событие onload?

Question

[alexandCmyk]

Как повесить обработку события onload на img в JS?
Пока получается только вот так?
<img src='...' onload='myFunction'>
Нужно чтобы обработка вешалась в JS

Answer 1

[Igor Koch]

var object = document.getElementsByTagName("img")[0];
object.onload = function(){myFunction()}; 
function myFunction() {
   alert("Картинка загружена!");
}

или

var object = document.getElementsByTagName("img")[0];
object.addEventListener("load", myFunction());
function myFunction() {
   alert("Картинка загружена!");
}

Comments

[Иван Антонов]

https://jsfiddle.net/yxqny6u5/
почему не работает?

[lnked]

Иван Антонов: картинки нет https://jsfiddle.net/yxqny6u5/1/

[Igor Koch]

Иван Антонов: DOM не загружен, событие onload навешивать не на что, нужно сначала дождаться загрузки DOM https://jsfiddle.net/6tnoum66/2/

[Иван Антонов]

lnked: а значит onload на теге img срабатывает после загрузки картинки

Answer 2

[lnked]

Пример