如何向頁面中插入節點?
# 插入節點
## 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 = '';
}
}
```
任務
?不會了怎麼辦