增删查改内容，重要基础appendchild,createElement,removeElement
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<input type='text' name="info">
<button>提交</button>
<ul></ul>
<script type="text/javascript">
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
li.innerHTML=input.value;//填充内容
ul.appendChild(li);//插入li
input.value='';//本文清空
};
</script>
</body>
</html>