得出结论:创建元素节点后,必须要把刚创建的元素节点添加到相应的元素下,否则不会在页面出现
示例代码:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<ul>
<li>123</li>
</ul>
<script>
//1.创建元素节点
var li = document.createElement('li');
//2.添加节点 node.appendChild(child) node是父亲 child是儿子
//是在后面追加元素 类似于数组中的push方法
var ul = document.querySelector('ul');
ul.appendChild(li);
//3.添加到某个节点前面
var lili = document.createElement('li');
ul.insertBefore(lili,ul.children[0]);
//我们想要页面添加一个元素:1.创建元素节点 2.添加到相应元素里面
</script>
</body>
</html>