javascript删除li的方法

这篇文章将为大家详细讲解有关javascript删除li的方法，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。

创新互联专注于固始企业网站建设,成都响应式网站建设公司,电子商务商城网站建设。固始网站建设公司,为固始等地区提供建站服务。全流程按需求定制制作，专业设计，全程项目跟踪，创新互联专业和态度为您提供的服务

javascript删除li的方法：首先获取所有的li标签；然后判断某个li标签是否被点击；最后通过remove删除li标签即可。

本文操作环境：windows7系统、javascript1.8.5&&html5版、Dell G3电脑。

JS实现li标签的删除

利用面向对象思想完成买家信息删除功能，每一条信息包含：

• 姓名

• 电话

• 电话号码

• 省份

实现以下要求：
不能借用任何第三方库，需要使用原生代码实现。
结合给出的基本代码结构，在下方2处code here补充代码，完成买家信息的删除功能，注意此页面要在手机上清晰显示。
js代码可以任意调整，例如和使用es6代码完成。

基本代码：

    
    
    
    
    
        序号

        姓名

        性别

        电话号码

        省份

        操作

    

    
        

            1

            张三

            男

            13788888888

            浙江

            删除

        
        

            2

            李四

            女

            13788887777

            四川

            删除

        
        

            3

            王二

            男

            13788889999

            广东

            删除

        
    

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

思路：

先获取所有的li标签，再判断哪个li标签被点击，点击后进行remove该元素操作。
基本代码中已经给出Contact函数，需要在函数中添加init方法：

    Contact.prototype.init = function () {
        console.log("Test");        var p = document.getElementsByClassName("user-delete");        var ul = document.querySelector("#J_List");        var list = ul.querySelectorAll("li");        for (var i = 0; i < p.length; i++) {
            (function (i) {
                p[i].onclick = function () {
                    list[i].remove();
                    console.log(i);
                }
            })(i);
        }
    }    new Contact();

JavaScript是什么

JavaScript是一种直译式的脚本语言，其解释器被称为JavaScript引擎，是浏览器的一部分，JavaScript是被广泛用于客户端的脚本语言，最早是在HTML网页上使用，用来给HTML网页增加动态功能。

关于“javascript删除li的方法”这篇文章就分享到这里了，希望以上内容可以对大家有一定的帮助，使各位可以学到更多知识，如果觉得文章不错，请把它分享出去让更多的人看到。

网站名称：javascript删除li的方法
当前路径：http://cdxtjz.com/article/ghosis.html