<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button>添加</button>
<button>删除</button>
<ul>
<li>lala</li>
<li>weiwei</li>
<li>xixi</li>
</ul>
<script>
var ul=document.querySelector('ul');
var li=ul.children;
var btn2=ul.previousElementSibling;
var btn1=btn2.previousElementSibling;
btn2.onclick=function(){
ul.removeChild(ul.children[0]);
}
btn1.onclick=function(){
var lis=document.createElement('li');
ul.appendChild(lis);
}
</script>
</body>
</html>添加删除按钮，可以添加一个textarea完成留言板功能
Guess you like
Origin blog.csdn.net/weiyuyang250/article/details/120735793
Recommended
Ranking