JS如何实现li标签的删除-创新互联

注意此页面要在手机上清晰显示，则应使用响应式meta标签：

思路：

先获取所有的li标签，再判断哪个li标签被点击，点击后进行remove该元素操作。

基本代码中已经给出Contact函数，需要在函数中添加init方法：

Contact.prototype.init = function () {
  console.log("Test");
  var div = document.getElementsByClassName("user-delete");
  var ul = document.querySelector("#J_List");
  var list = ul.querySelectorAll("li");

  for (var i = 0; i < div.length; i++) {
   (function (i) {
    div[i].onclick = function () {
     list[i].remove();
     console.log(i);
    }
   })(i);
  }
 }

new Contact();

感谢各位的阅读！关于“JS如何实现li标签的删除”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，让大家可以学到更多知识，如果觉得文章不错，可以把它分享出去让更多的人看到吧！

分享至：

   

关于我们

公司简介 发展历程

服务项目

高端网站建设 小程序开发 APP开发 网络营销

建站知识

网站建设 网站设计 网站制作 小程序

联系我们

公司地址 人才招聘

成都 重庆



电话：028-86922220



地址：成都市太升南路288号锦天国际A幢1002号



电话：028-86922220



地址：重庆市南岸区弹子石腾龙大道58号2栋21-6

版权所有：成都创新互联科技有限公司重庆分公司 渝ICP备2021005571号-4