レッスンに戻る

nodeType には何がありますか?

重要性: 5

スクリプトは何を表示するでしょう?

<html>

<body>
  <script>
    alert(document.body.lastChild.nodeType);
  </script>
</body>

</html>

落とし穴があります。

<script> 実行時、最後の DOM ノードはまさに <script> です。なぜなら、ブラウザはページの残り部分をまだ処理していないからです。

したがって、結果は 1 です(要素ノード)。

<html>

<body>
  <script>
    alert(document.body.lastChild.nodeType);
  </script>
</body>

</html>