摘要：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, in
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>文本框提交</title>
</head>
<body>
<div class="">
<input type="text" name="info">
<button>提交</button>
<ul></ul>
</div>
<script>
let input=document.getElementsByName('info')[0];
let button=document.getElementsByTagName('button').item(0);
let ul=document.getElementsByTagName('ul').item(0);
button.onclick=function(){
let li=document.createElement('li');
li.innerHTML=input.value;
ul.appendChild(li);
input.value='';
}
//innerHTML輸入文本可帶標(biāo)簽
// 1.dom：documernt object 文檔對(duì)象模型
// 2.文檔樹的各個(gè)組成部分，稱為節(jié)點(diǎn)，node
// 3.文本text元素element文檔document
// 4.id屬性，name屬性，class屬性，tag標(biāo)簽，css屬性
// 5.創(chuàng)建creatElement()插入末尾appendChild()刪除removeCild()更新replaceChild();插入指定位置insertBefore()
</script>
</body>
</html>
批改老師：天蓬老師批改時(shí)間：2019-08-29 15:31:40
老師總結(jié)：這個(gè)案例還有一個(gè)名稱叫: todolist