JavaScript 确认删除元素
示例
一种使用方法confirm()是，当某些UI操作对页面进行了一些破坏性的更改时，最好将其与通知和用户确认一起显示-例如在删除帖子消息之前：
<div id="post-102"> <p>I like Confirm modals.</p> <a data-deletepost="post-102">Delete post</a> </div> <div id="post-103"> <p>That's way too cool!</p> <a data-deletepost="post-103">Delete post</a> </div>
//收集所有按钮
var deleteBtn = document.querySelectorAll("[data-deletepost]");
function deleteParentPost(event) {
event.preventDefault(); //防止页面滚动在锚点单击时跳转
if( confirm("Really Delete this post?") ) {
var post = document.getElementById( this.dataset.deletepost );
post.parentNode.removeChild(post);
//待办事项：从数据库中删除该帖子
} //否则，什么都不做
}
//将点击事件分配给按钮
[].forEach.call(deleteBtn, function(btn) {
btn.addEventListener("click", deleteParentPost, false);
});jsFiddle演示
热门推荐
10 病人祝福语老师寄语简短
11 新娘生孩子祝福语简短
12 婆婆66岁祝福语简短
13 今天孩子高考祝福语简短
14 送彩票生日祝福语简短
15 分别祝福语简短情话英文
16 画室揭牌仪式祝福语简短
17 女友妈妈生日祝福语简短
18 离别赠言离职祝福语简短