简单的留言框总结

<input type="text" name="info">

<button>提交</button>

<ul></ul>

<script>

let input = document.getElementsByName('info')[0];

let button = document.getElementsByTagName('button')[0];

let ul = document.getElementsByTagName('ul')[0];

button.onclick = function(){

let li = document.createElement('li');

li.innerHTML = input.value;

console.log(li);

ul.appendChild(li);

input.value = '';

}

总结：

1. 首先要先获取input,button,ul

2. 在点击的时候执行方法，点击的时候创建新节点li，并且把input框的值value赋值给li，把li插入父节点ul里面最后清空input框里面的值

3. 整个demo是运用之前学习的dom基础知识完成的