Javascript実行後のHTMLを取得する

Javascriptで動的にHTML構成を変更している場合、「ソースの表示」をしても
それはJavascriptが実行される前の静的なソースコードなので、実際はどうなっているのかわかりません。

そんなときは、bodyタグの直後にこれを入れておけばOK。

<script type="text/javascript">
  var textarea = document.createElement("textarea");
  document.body.appendChild(textarea);
  textarea.innerHTML = document.body.innerHTML;
</script>

これでJavascript実行後のHTMLがどうなっているかを把握できます。
(2009-11-15 alert関数を使うのではなくtextareaに結果を張り付ける方法へ改良)

え？これだとonload関数による変更が反映される前の状態しか見られない？

…アッー！！

そこは気合で乗り切ってください(笑)