摘要:<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>實戰(zhàn)熱身</title>
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>實戰(zhàn)熱身</title> </head> <body> <input id="texts" type="text"/> <button id="btn">點擊</button> <ul></ul> </body> </html> <script> //獲取元素 let text = document.getElementById('texts'); let btn = document.getElementById('btn'); let ul = document.querySelector('ul'); btn.onclick = function () { let str = text.value; let li = document.createElement('li'); li.innerHTML=str; ul.appendChild(li); //清空 text.value=''; } </script>
效果圖:
總結(jié):首先獲取元素,然后在點擊事件的時候給元素內(nèi)部添加內(nèi)容再清除輸入框的值
批改老師:查無此人批改時間:2019-03-18 09:41:01
老師總結(jié):你這個是保存說話記錄對吧,完成的不錯。繼續(xù)加油。