创建添加节点
创建和添加节点
<!DOCTYPE html>
<html lang="en">
<head></head>
<body>
<ul>
<li>123</li>
</ul>
<script>
// 1. 创建节点元素节点
var li = document.createElement("li");
li.innerHTML = "last";
// 2. 添加节点 node.appendChild(child) node 父级 child 是子级
// 后面追加元素 类似于数组中的push
var ul = document.querySelector("ul");
ul.appendChild(li);
// 3. 添加节点 node.insertBefore(child, 指定元素);
var lili = document.createElement("li");
lili.innerHTML = "first";
ul.insertBefore(lili, ul.children[0]);
// 4. 我们想要页面添加一个新的元素 ： 1. 创建元素 2. 添加元素
</script>
</body>
</html>