简单的留言框总结

Original 2019-03-16 11:02:09 166
abstract:<input type="text" name="info"><button>提交</button><ul></ul><script>let input = document.getElementsByName('info')[0];let button = docume

<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基础知识完成的

Correcting teacher:查无此人Correction time:2019-03-16 11:53:53
Teacher's summary:完成的不错。作业就要这样,有总结,1,2,3这样老师才能知道你是否学会了,继续加油

Release Notes

Popular Entries