返回课程

注释中的标签

重要性:3

这段代码展示了什么?

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

一步一步的解释

  1. <body> 的内容被注释替换。注释是 <!--BODY-->,因为 body.tagName == "BODY"。我们记得,tagName 在 HTML 中始终是大写。
  2. 注释现在是唯一的子节点,所以我们在 body.firstChild 中获取它。
  3. 注释的 data 属性是它的内容(在 <!--...--> 中):"BODY"