节点html页面怎么做,如何向页面中插入节点?

如何向页面中插入节点?

# 插入节点

## 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 = '';

}

}

```

任务

?不会了怎么办