Javascript 在更改innerHTML后检测何时加载所有内容

我正在使用此代码更改div的内容

mydiv.innerHTML = "html code with text and images";

是否有一些事件可用于在加载所有内容时获取通知？（无论是否没有或有许多图像）

---

我想我可以遍历所有子元素并向它们添加监听器，但希望有其他方法。

Edit 2012

live

从jQuery 1.7.0开始，live方法已被弃用

现在建议将用于附加事件处理程序

这将替换

.bind（）

、

.delegate（）

和

.live（）

见文件：

原始答案

我认为jQuery

.live（）

事件可能就是您想要的

试试这个

  mydiv.live('load', function () {
     //code here
 });

---

也许是类似这样的东西，只是为了给你一个香草javascript的想法

var updateContent=函数（元素、内容）{
element.innerHTML=内容；
var images=element.querySelectorAll（'img'）；
var loadedItems=0；
var totalItems=images.length；
var loaded=function（）{
loadedItems++；
log（'loaded item:'+loadedItems）；
如果（loadedItems==totalItems）{
element.classList.add（'load-completed'）
log（'已完成加载所有图像'）；
}
};
对于（变量i=0；i
.my div{
边框：实心5px橙色；
}
.我的部门{
宽度：100px；/*仅在代码段中显示*/
高度：50px；
}
.已完成加载{
边框：5px绿色虚线；
}
我不清楚您的问题：是否希望在加载
div
的内容时或加载整个页面时触发事件？您需要检测innerHTML何时完成？可能重复的可能重复如果您不异步执行，则不需要检测任何内容。我想我必须这样做，我只是希望有某种活动我可以订阅，这样我会在活动结束时收到通知。例如加载页面时的加载事件，但对于“dom更改”