美文网首页
从果篮拿出水果——删除节点

从果篮拿出水果——删除节点

作者: 搬不完的元猿员 | 来源:发表于2019-03-11 05:45 被阅读0次

今天和大家分享的案例是删除节点。

和前几天的案例正好相反,那么如何删除呢,一起来看看。

首先是html:

接着是script:

代码解析:

通过for循环给每个span添加点击事件,移除所点击span的父级li从而达到删除节点的效果。

这样我们点击删除,就可以把水果删掉了。

效果展示:

更多前端内容 请 点击关注 点击关注

相关文章

  • Web-API-03

    节点操作 删除节点 node.removeChild() 方法从 node节点中删除一个子节点,返回删除的节点。 ...

  • Neo4j-1.6 DELETE删除和REMOVE删除

    DELETE语句 DELETE语句可以: 删除节点 删除节点和相关节点和关系以下语法可以从数据库中永久删除节点和其...

  • 【前端 JavaScript WebAPI】 03 - 节点操作

    1. 节点操作 1.1 删除节点 node.removeChild()方法从node 节点中删除一个子节点,返回删...

  • AndroidStudio出现Waiting for appli

    多方搜寻无果 删除掉Manifest中MainActivity节点的 android:process=":proc...

  • Web API -- 节点操作

    1.1. 节点操作 1.1.1 删除节点 node.removeChild() 方法从 node节点中删除一个子节...

  • 果篮

  • neo4j-delete语法

    删除节点、关系或路径 删除单个节点 删除所有节点和关系 删除节点和它的关系 只删除关系

  • Redis集群操作

    创建集群 添加主节点 主节点分槽 添加从服务器 删除从服务器 查看分槽 删除主节点 有slots 无slots时直...

  • JavaScript第四天

    兄弟节点 创建节点 添加节点 留言发布案例 生成表格案例 删除节点 node.removeChild() 方法从 ...

  • 红黑树删除节点调整

    删除节点情况1:被删除节点是黑+黑节点;被删除的节点是左节点,被删除节点的兄弟节点是红色 1解决方案:1将被删除节...

网友评论

      本文标题:从果篮拿出水果——删除节点

      本文链接:https://www.haomeiwen.com/subject/loobpqtx.html