摘要:<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
在點擊的時候執(zhí)行方法,點擊的時候創(chuàng)建新節(jié)點li,并且把input框的值value賦值給li,把li插入父節(jié)點ul里面最后清空input框里面的值
整個demo是運用之前學習的dom基礎知識完成的
批改老師:查無此人批改時間:2019-03-16 11:53:53
老師總結:完成的不錯。作業(yè)就要這樣,有總結,1,2,3這樣老師才能知道你是否學會了,繼續(xù)加油