註解中的標籤 - 現代 JavaScript 教學

這段程式碼顯示什麼？

          <script>
  let body = document.body;

  body.innerHTML = "<!--" + body.tagName + "-->";

  alert( body.firstChild.data ); // what's here?
</script>
        

答案：BODY。

<script>
  let body = document.body;

  body.innerHTML = "<!--" + body.tagName + "-->";

  alert( body.firstChild.data ); // BODY
</script>

逐步說明

<body> 的內容會被註解取代。註解為 ，因為 body.tagName == "BODY"。我們記得，在 HTML 中 tagName 永遠是大寫。
現在註解是唯一的子節點，因此我們在 body.firstChild 中取得它。
註解的 data 屬性是其內容（在  內）："BODY"。