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 = '';
}
总结:
首先要先获取input,button,ul
在点击的时候执行方法,点击的时候创建新节点li,并且把input框的值value赋值给li,把li插入父节点ul里面最后清空input框里面的值
整个demo是运用之前学习的dom基础知识完成的
Correcting teacher:查无此人Correction time:2019-03-16 11:53:53
Teacher's summary:完成的不错。作业就要这样,有总结,1,2,3这样老师才能知道你是否学会了,继续加油