留言板的删除操作
效果展示：
代码展示：
<!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><style>*{list-style: none;}.container{margin-left: 100px;margin-top: 100px;}li{background-color: pink;width: 200px;}li a{float: right;}</style></head><body><div class="container"><textarea id="text"></textarea><button id="btn">提交</button><ul id="ul"></ul><script>//获取事件源var text = document.getElementById('text');var btn = document.getElementById('btn');var ul = document.getElementById('ul');var a = document.getElementsByTagName('a');//ul下的子节点btn.onclick = function (params) {if(text.value == '') alert('请输入评论');else {//创建一个元素节点var ll = document.createElement('li');ll.innerHTML = text.value + "<a href='javascript:;'>删除</a>";//将里li添加到ul的子节点ul.appendChild(ll);//怎么样判断每一个lifor(var i=0;i<a.length;i++){a[i].onclick = function (params) {ul.removeChild(this.parentNode);//注意这句话的意思}}}}</script></div></body></html>
注意事项：
1，关于a标签的预处，防止链接跳转，数据请求。
<a href='javascript:;'>删除</a><a href='javascript:void(0);'>删除</a>
2，标签添加时引号的处理
ll.innerHTML = text.value + "<a href='javascript:;'>删除</a>";
3，关于ul.removeChild(this.parentNode);这句话的理解。
文档标签形式如下：
<ul><li><a href=""></a></li><li><a href="">(循环操作点的初始位置在这)</a></li></ul>
注意（）里面的话，处于a标签下，怎么样删除li标签，其中li标签是变化的，显然不能拿着li做文章，换一种思路：
我们处理，a标签的父亲，也就ul标签的亲儿子li。
如果觉得《留言板的删除操作》对你有帮助，请点赞、收藏，并留下你的观点哦！
