js append()函数|极客笔记

js append()函数

在JavaScript中，append()函数是用来向指定元素的末尾添加内容的方法。这个方法通常用于向页面中添加新的HTML元素、文本或其他内容。append()方法可向选定元素的结尾添加指定的内容。

语法

element.append(content1, content2, ...)

element是要添加内容的元素。
content1, content2, ...是要添加的内容，可以是HTML元素、文本节点、文本或者其他JavaScript对象。

示例

示例1：向元素末尾添加文本

<!DOCTYPE html>
<html>
<head>
    <title>Append Example</title>
</head>
<body>
    <div id="myDiv"></div>

    <script>
        // 选取元素
        var div = document.getElementById("myDiv");

        // 添加文本
        div.append("Hello, World!");
    </script>
</body>
</html>

运行上面的代码，页面将会显示出Hello, World!文本。

示例2：向元素末尾添加HTML元素

<!DOCTYPE html>
<html>
<head>
    <title>Append Example</title>
</head>
<body>
    <div id="myDiv"></div>

    <script>
        // 选取元素
        var div = document.getElementById("myDiv");

        // 创建一个新的段落元素
        var p = document.createElement("p");
        p.innerHTML = "This is a new paragraph.";

        // 添加到指定元素的末尾
        div.append(p);
    </script>
</body>
</html>

运行上面的代码，页面将显示出一个包含文本This is a new paragraph.的新段落。