HTML | DOM createComment() 方法(1)

📌 相关文章

📜 HTML | DOM createComment() 方法(1)

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

HTML | DOM createComment() 方法

createComment() 方法用于在文档中创建注释。

语法

document.createComment(comment)

参数

comment: 必需。注释内容，字符串类型。

返回值

创建的注释节点对象。

示例

以下是一个简单的用例。在一个 div 元素中创建一个注释节点：

<!DOCTYPE html>
<html>
<head>
    <title>createComment() Method Example</title>
    <script>
        function createComment() {
            var div = document.getElementById('myDiv');
            var comment = document.createComment('这是一个注释');
            div.appendChild(comment);
        }
    </script>
</head>

<body>
    <div id="myDiv">这里是 div 元素</div>
    <br>
    <button onclick="createComment()">创建注释</button>
</body>
</html>

点击上方的“创建注释”按钮，会在 div 元素中创建一个注释节点，内容为 "这是一个注释"。可以在浏览器中查看页面源代码，确认该注释已经被添加到文档中。

markdown代码：

```html
<!DOCTYPE html>
<html>
<head>
    <title>createComment() Method Example</title>
    <script>
        function createComment() {
            var div = document.getElementById('myDiv');
            var comment = document.createComment('这是一个注释');
            div.appendChild(comment);
        }
    </script>
</head>

<body>
    <div id="myDiv">这里是 div 元素</div>
    <br>
    <button onclick="createComment()">创建注释</button>
</body>
</html>