-
Peter2017-11-19 00:00
- 22
- 0
使用 addEventListener 添加点击事件，然后点击删除按钮的父节点会报错（The node to be removed is not a child of this node.），而使用onclick事件却不会，请问这是什么原因呢？
<body>
<div class="main">
<div class="text-box">
<p>有什么新鲜事要告诉大家？</p>
<textarea id="text-input" ></textarea>
<input id="send" type="button" value="发布" />
</div>
<div id="show"></div>
</div>
<script type="text/javascript">
var user_text = document.getElementById("text-input");
var send = document.getElementById("send");
var show = document.getElementById("show");
send.addEventListener("click",function(){
if(user_text.value == ""){
alert("请输入要发布的内容！");
return;
}
var post_text = document.createTextNode(user_text.value);
var post = document.createElement("p");
var del = document.createElement("span");
var del_text = document.createTextNode("删除");
del.appendChild(del_text);
post.appendChild(post_text);
post.appendChild(del);
show.insertBefore(post,show.firstChild);
user_text.value = "";
var del_btn = show.getElementsByTagName("span");
for(var i = 0; i < del_btn.length; i++){
del_btn[i].addEventListener("click",function(){
show.removeChild(this.parentNode);
});
}
});
</script>
</body>
我知道报的错是什么意思，这不是重点，我是想知道为什么addEventListener添加的事件会报错，而改成onclick事件就不会。
0
打赏
收藏
点击回答
网站公告
- 扫一扫访问手机版
回答动态
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器更新之后。服务器里面有部分玩家要重新创建角色是怎么回事啊？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题函数计算不同地域的是不能用内网吧？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题ARMS可以创建多个应用嘛?预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题在ARMS如何申请加入公测呀？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题前端小程序接入这个arms具体是如何接入监控的，这个init方法在哪里进行添加？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器刚到期，是不是就不能再导出存档了呢？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器的游戏版本不兼容 尝试更新怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器服务器升级以后 就链接不上了，怎么办？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器转移以后服务器进不去了，怎么解决？预计能赚取 0积分收益
- 神奇的四哥：发布了悬赏问题阿里云幻兽帕鲁服务器修改参数后游戏进入不了，是什么情况？预计能赚取 0积分收益
- 回到顶部
- 回到顶部