読者です 読者をやめる 読者になる 読者になる

この日記は私的なものであり所属会社の見解とは無関係です。 GitHub: takahashikzn

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関数による変更が反映される前の状態しか見られない?


…アッー!!


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