📌  相关文章
📜  HTML | DOM createComment() 方法(1)

📅  最后修改于: 2023-12-03 15:15:35.017000             🧑  作者: Mango

HTML | DOM createComment() 方法

简介

createComment() 方法可以在 DOM 中创建注释节点。它返回一个 Comment 对象，表示新的注释节点。

语法
document.createComment(comment)
参数
  • comment：必须。要创建的注释节点的内容。
返回值

一个 Comment 对象，表示新的注释节点。

使用示例

我们可以使用 createComment() 方法在 DOM 中创建注释节点，并将它插入到指定的位置。以下是一个示例：

<!DOCTYPE html>
<html>
  <head>
    <title>createComment() 示例</title>
  </head>
  <body>
    <div id="myDiv">这是一个 DIV。</div>

    <script>
      const myDiv = document.getElementById("myDiv");
      const comment = document.createComment("这是一个注释。");
      myDiv.parentNode.insertBefore(comment, myDiv);
    </script>
  </body>
</html>

在此示例中，我们使用 getElementById() 方法获取 id 为 myDiv 的 div 元素，然后使用 createComment() 方法创建一个注释节点，并设置其内容为 这是一个注释。。最后，使用 insertBefore() 方法将该注释节点插入到 myDiv 的父元素中，在 myDiv 前面的位置。

总结

createComment() 方法是一个创建注释节点的便捷方法。它通常用于将注释添加到 DOM 中，并通过注释提供关于元素的备注或注释。