注释中的标签 - 现代 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"。我们记得，tagName 在 HTML 中始终是大写。
注释现在是唯一的子节点，所以我们在 body.firstChild 中获取它。
注释的 data 属性是它的内容（在  中）："BODY"。