Cómo detectar cuando innerHTML está completo

Question

He hecho bastante para buscar una solución a este problema, pero hasta ahora no he encontrado uno que funcione en el navegador.

Lo que necesito es una función en javascript sin procesar que tomará un elemento y ejecutará una devolución de llamada una vez que el innerHTML se haya insertado con éxito en el dom.

p. Ej.

var element = document.getElementById('example'); 
     element.innerHTML = newhtml; 

    waitUntilReady(element, function(){ 
      //do stuff here... 
    }); 

Así que para resumir, tengo que ser capaz de comprobar el contenido del elemento y el fuego de una devolución de llamada cuando innerHtml ha completado.

Gracias de antemano por cualquier ayuda.

Answer 1

No hay necesidad de tal función. Asignar a innerHTML lo hará inmediatamente antes de continuar ejecutando cualquier secuencia de comandos.

Si realmente necesita retrasar la ejecución (por ejemplo, para permitir que el navegador vuelva a dibujar), use setTimeout con un retraso de 1 (u otro intervalo corto).