回到课程

注释中的标签

重要程度: 3

这段代码会显示什么?

<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>

让我们一步一步来看看发生了什么:

  1. <body> 中的内容被注释所取代。注释为 <!--BODY-->,因为 body.tagName == "BODY"。正如我们所记得的,在 HTML 模式下,tagName 总是大写的。
  2. 现在这个注释是唯一的子节点,所以我们在 body.firstChild 中获取了它。
  3. 注释的 data 属性是它的内容(在 <!--...--> 内的):"BODY"