js创建结点和添加节点-CFANZ编程社区

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <ul>
        <li>123</li>
    </ul>
    <script>
        //创建结点
        var li=document.createElement('li');
        li.textContent='456';
        //添加节点  在父节点最后追加元素
        var ul=document.querySelector('ul');
        ul.append(li);
        //添加到父节点指定子元素的前面
        var li2=document.createElement('li');
        li2.textContent='-123';
        ul.insertBefore(li2,ul.children[0]);
    </script>
</body>
</html>

js创建结点和添加节点_结点