javascript - 有没有办法让内联事件处理程序在元素创建后立即执行？

Question

我尝试了 onload，但它不起作用:

var divElement = document.createElement('div');
divElement.innerHTML = '<div onload="alert(this)"></div>';

我可以使用什么“开启”处理程序来使用内联 Javascript 实现此目的？

Answer 1

在 JQuery 中有一种方法可以做到这一点。我提到了以下代码片段。单击“运行代码片段”以获取代码演示。

$( "#book" ).load(function() {
   
  alert('element loaded')
  $(this).addClass("imgHeight")
});

.imgHeight{ height:150px; }

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<img src="http://quadrobay.com/quadrobay/images/fsolution.png" alt="Book" id="book">