亚洲国产日韩欧美一区二区三区,精品亚洲国产成人av在线,国产99视频精品免视看7,99国产精品久久久久久久成人热,欧美日韩亚洲国产综合乱

簡單的留言框總結

原創(chuàng) 2019-03-16 11:02:09 184
摘要:<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. 在點擊的時候執(zhí)行方法,點擊的時候創(chuàng)建新節(jié)點li,并且把input框的值value賦值給li,把li插入父節(jié)點ul里面最后清空input框里面的值

  3. 整個demo是運用之前學習的dom基礎知識完成的

批改老師:查無此人批改時間:2019-03-16 11:53:53
老師總結:完成的不錯。作業(yè)就要這樣,有總結,1,2,3這樣老師才能知道你是否學會了,繼續(xù)加油

發(fā)佈手記

熱門詞條