如何向页面中插入节点?
# 插入节点
## 1. appendChild()
* 在被插入的父节点上调用
* 新节点成为父节点的最后一个节点
* 参数是要插入的节点对象
-----------------------------------
## 2. insertBefore()
* 在被插入的父节点上调用
* 在父点中,指定的节点之前的位置上插入新节点
* 参数1是要插入的新节点, 参数2是插入的位置
-----------------------------------
## 3. 示例源码
```html
html>
插入点
var comment = document.getElementsByTagName('input').namedItem('comment');
var list = document.getElementsByTagName('ul').item(0);
comment.onkeydown = function (event) {
if (event.keyCode === 13) {
var li = document.createElement('li');
li.innerHTML = comment.value;
// 如果当前留言列表为空
if (list.childElementCount === 0) {
// 则插入到列表中
list.appendChild(li);
} else {
// 否则就应该插入到第一条留言之前
var first = list.firstElementChild;
list.insertBefore(li, first);
}
comment.value = '';
}
}
```
任务
?不会了怎么办