节点操作之删除节点

蔚落 2023-10-03 15:21 23阅读 0赞

## 节点操作之删除节点 ##

<!DOCTYPE html>
    <html lang="en">
    
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <meta http-equiv="X-UA-Compatible" content="ie=edge">
        <title>节点操作之删除节点</title>
    </head>
    
    <body>
        <button>删除</button>
        <ul>
            <li>熊大</li>
            <li>熊二</li>
            <li>光头强</li>
        </ul>
        <script>
    
    
            // 1.获取元素
            var ul = document.querySelector('ul');
            var btn = document.querySelector('button');
    
    
    
            // 2. 删除元素  node.removeChild(child)
            // ul.removeChild(ul.children[0]);
    
    
    
            // 3. 点击按钮依次删除里面的孩子
            btn.onclick = function () {
          
                if (ul.children.length == 0) {
          
                    this.disabled = true;       //disable当为0的时候 删除按钮禁用
                }
    
                else {
          
                    ul.removeChild(ul.children[0]);//移除ul里边的第0个孩子
                }
            }
    
    
        </script>
    </body>
    
    </html>

发表评论取消回复

表情：

评论列表（有 0 条评论，23人围观）

还没有评论，来说两句吧...

相关阅读

相关 Neo4j根据节点id对节点进行查询修改删除操作(删除节点同步该节点与其他节点的关系)

Neo4j根据节点id对节点进行查询修改删除操作(删除节点同步该节点与其他节点的关系) 一. 查询操作,根据id查询节点 1.1- 单一查询 MATC

逃离我推掉我的手/ 2024年04月01日 19:02/ 0 赞/ 81 阅读

相关 ZkClient之删除节点、更新节点、检测节点是否存在。

删除节点在ZkClient中，可以通过以下API来删除指定节点： boolean delete(final String path) boolean de

r囧r小猫/ 2024年02月18日 17:06/ 0 赞/ 57 阅读

相关节点操作之删除节点

节点操作之删除节点 <!DOCTYPE html> <html lang="en"> <head> <meta char

蔚落/ 2023年10月03日 15:21/ 0 赞/ 24 阅读

相关 HDFS新增节点与删除节点

准备工作: 1. 创建一台全新的虚拟机 2. 关闭防火墙 3. 修改主机名 4. 给IP起别名 5. 关闭selinux 6. ssh免密登录 7. 将主节点的

Love The Way You Lie/ 2023年05月29日 15:28/ 0 赞/ 17 阅读

相关 JavaScript节点操作--创建节点、添加节点、删除节点、复制节点

节点操作创建节点 document.createElement('tagName') document.createElement()方法创建由tagN

喜欢ヅ旅行/ 2022年12月23日 06:13/ 0 赞/ 242 阅读

相关【jquery】删除节点添加节点找兄弟节点

一些简单的内容, 加深印象记录下来： $().empty(); //该方法会删除当前节点下的所有子节点，请注意当前节点不会被删除 $

迈不过友情╰/ 2022年08月13日 12:54/ 0 赞/ 347 阅读

相关 Redis系列之新增节点与删除节点(四)

在上一篇文章中，简单实现了一个Redis集群，假如需要在集群中增加或删除节点，怎么办呢，下面以一个例子来绍介下。 1、首先把前面搭建好的集群启动起来 longwe

末蓝、/ 2022年07月14日 06:11/ 0 赞/ 186 阅读

相关 jquery节点的操作创建删除复制

<!DOCTYPE html> <html> <head lang="en"> <meta charset="UTF-8">

清疚/ 2022年07月14日 00:40/ 0 赞/ 233 阅读

相关 redis集群操作-添加节点和删除节点

主要任务：为已有的集群添加节点，其中包括master和slave，master主要给其分槽，删除节点，其中包括master和slave节点，master需要先把数据槽先归还，然

系统管理员/ 2022年06月02日 03:35/ 0 赞/ 682 阅读

相关 DOM删除节点

一介绍删除节点通过使用removeChild()方法来实现。 removeChild()方法用来删除一个子节点。 obj. removeChild(oldChild)

Bertha 。/ 2022年05月12日 00:14/ 0 赞/ 303 阅读