DOM Comment 学习笔记
什么是 DOM Comment？
DOM Comment 是 DOM 中的一个节点类型，它用于表示 HTML 或 XML 文档中的注释。
在 HTML 文档中，注释通常用来提供关于某个元素或文档内容的说明或注解，或者是用来暂时去除某段 HTML 代码。在 XML 文档中，注释同样用来提供元素或属性的注释，或者是用来暂时去除某段 XML 代码。
如何创建 DOM Comment？
DOM Comment 可以通过以下语法进行创建：
javascriptCopy Codevar commentNode = document.createComment(comment);
其中，comment 是注释的内容，commentNode 是创建出来的 DOM Comment 节点。
如何插入和删除 DOM Comment？
可以使用 DOM API 中的 appendChild()、insertBefore()、replaceChild() 方法将 DOM Comment 插入到文档中。例如：
htmlCopy Code<!-- 在这里插入一段注释 -->
<div id="test">这是一个 div 元素</div>
可以使用 insertBefore() 方法，在 div 元素前面插入一段注释：
javascriptCopy Codevar commentNode = document.createComment('在这里插入一段注释');
var targetElement = document.getElementById('test');
targetElement.parentNode.insertBefore(commentNode, targetElement);
同样地，可以通过 DOM API 中的 removeChild() 方法来删除 DOM Comment 节点：
javascriptCopy Codevar commentNode = document.createComment('在这里插入一段注释');
var targetElement = document.getElementById('test');
targetElement.parentNode.removeChild(commentNode);
DOM Comment 的实例
下面是一个示例，演示如何在 HTML 文档中插入和删除 DOM Comment 节点：
htmlCopy Code<!DOCTYPE html>
<html>
<head>
<title>DOM Comment 示例</title>
</head>
<body>
<div id="test">这是一个 div 元素</div>
<script>
// 在 div 元素前面插入一段注释
var commentNode = document.createComment('在这里插入一段注释');
var targetElement = document.getElementById('test');
targetElement.parentNode.insertBefore(commentNode, targetElement);
// 3秒钟后删除该注释
setTimeout(function() {
targetElement.parentNode.removeChild(commentNode);
}, 3000);
</script>
</body>
</html>
在该示例中，我们首先在 div 元素前面插入了一段注释。然后通过 setTimeout() 方法，设置了一个 3 秒钟的定时器，等待 3 秒后删除该注释。