remove()函数

最新推荐文章于 2025-06-18 14:47:06 发布

什么都不懂的老仙女

最新推荐文章于 2025-06-18 14:47:06 发布

阅读量5.4k

点赞数 1

CC 4.0 BY-SA版权

本文链接：https://blog.youkuaiyun.com/SHUSHANGLIUMIAN/article/details/81026338

本文介绍了一个使用JavaScript动态创建和删除列表项的例子。通过获取元素、添加事件监听器及操作DOM来实现列表项的动态更新。具体包括：1. 获取页面元素；2. 创建并追加列表项；3. 删除指定列表项。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

remove()方法用于从下拉列表删除选项；

语法：selectObject。remove（index）；

index 必须，规定要删除的选项的索引号；

事实证明index可以填也可以不填，可以为数字索引也可以为其他；

作业：

<body>
<ul id="myList">
</ul>
<button onclick="appendItem()">爱好</button>
<script>
    var ul=document.getElementById("myList");
      function appendItem(){
        var num=ul.children.length+1;
        var text=window.prompt("请输入爱好！")
        ul.innerHTML+="<li><span>"+num+"</span><span>"+text+"</span>" +
            "<span><button onclick='removeItem(this)'>删除</button></span></li>"

    }
    function  removeItem(btn){
        var item= btn.parentNode.parentNode;
        var no=Number(item.children[0].innerHTML);
        item.remove();
          for(var i=no-1;i<ul.children.length;i++){
              ul.children[i].children[0].innerHTML=i+1;
          }

    }