abstract:<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text"&nb
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <input type="text" name="input"> <button onclick="submit()">提交</button> <ul></ul> </body> <script> var input = document.getElementsByTagName('input')[0] var ul = document.getElementsByTagName('ul')[0] function submit(){ var li = document.createElement('li'); if(input.value!=''){ li.innerHTML = input.value; //向新元素中添加內(nèi)容 內(nèi)容為input框的值 ul.appendChild(li); //將元素添加到列表中 input.value = ''; }else{ alert('請在輸入框輸入信息'); input.focus(); } } </script> </html> 1.獲取到元素input框和元素button 2.給button綁定點擊事件,點擊提交按鈕后創(chuàng)建一個新元素li,將input框的值添加到li中 3.將元素li添加到ul列表中 4.將input框的值清空
Correcting teacher:查無此人Correction time:2019-01-09 16:41:01
Teacher's summary:寫的不錯,就是代碼有點少,加點樣式,頁面會更好看。加油。