注释中的标签

这段代码会显示什么？

          <script>
  let body = document.body;

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

  alert( body.firstChild.data ); // 这里会显示什么？
</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"。