确定innerHTML何时加载的事件 [英] Event to determine when innerHTML has loaded

问题描述

是否可以确定何时加载了innerHTML？
我不确定它是否是同步操作。我假设'构建DOM'是同步的，但加载标签，内容等不是。

Is it possible to determine when setting an innerHTML has loaded? I'm not sure if it's a synchronous operation. I assume the 'building the DOM' is synchronous, but loading tags, contents, etc isn't.

所以简而言之 - 是否有办法获得一个事件innerHTML完成加载后？

So in a nutshell - is there a way to get an event when innerHTML has completed loading?

谢谢！

推荐答案

 var waitUntil = function (fn, condition, interval) {
    interval = interval || 100;

    var shell = function () {
            var timer = setInterval(
                function () {
                    var check;

                    try { check = !!(condition()); } catch (e) { check = false; }

                    if (check) {
                        clearInterval(timer);
                        delete timer;
                        fn();
                    }
                },
                interval
            );
        };

    return shell;
};

像这样使用：

waitUntil(
  function () {
    // the code you want to run here...
  },
  function() {
    // the code that tests here... (return true if test passes; false otherwise)
    return !!(document.getElementById('<id of the div you want to update>').innerHTML !== '');
  },
  50 // amout to wait between checks
)();

这篇关于确定innerHTML何时加载的事件的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！