No estoy totalmente seguro, pero creo que con firebug podrias hacer eso.

Es decir, tu tienes el HTML con el código javascript, lo ejecutas, y activas el firebug. Repito que no estoy seguro.

Un saludo

Con firebug y el Inspector de elementos de Chrome (El inspector es parte del core de chrome), se puede hacer lo que dices.

Con firefox y firebug le das click donde dice editar HTML dentro del div creado dinamicamente.

Hay que tener mucho cuidado al escoger el explorador para debuggear el DOM creado porque cáda explorador tiene sus propios estandares y puede variar uno del otro.

Por ejemplo en internet explorer 9 verás el DOM generado por el motor trident al estandard de internet explorer.

En Chrome verás webkit y en fireox gecko.

Recuerda que si tu servidor no tiene el header de no xss entonces internet explorer 9 va a filtrar el DOM que generes para prevenir inyecciones, en otras palabras es el menos fiel, no mas o menos seguro pero si el menos fiel.

Yo en lo personal prefiero firebug sobre chrome o firefox.
Ahora si quieres mas hay muchos complementos en firefox que trabajan como agregados de firebug que lo hacen muchisimo mas potente, pero solo estan disponibles como complementos para firefox.