您的当前位置：首页 JS实现li标签的删除

JS实现li标签的删除

来源：筏尚旅游网

JS实现li标签的删除

利⽤⾯向对象思想完成买家信息删除功能，每⼀条信息包含：

姓名电话电话号码省份实现以下要求：

不能借⽤任何第三⽅库，需要使⽤原⽣代码实现。

结合给出的基本代码结构，在下⽅2处code here补充代码，完成买家信息的删除功能，注意此页⾯要在⼿机上清晰显⽰。 js代码可以任意调整，例如和使⽤es6代码完成。基本代码：

demo

序号

姓名

性别

电话号码

省份

操作

1
张三

男
13788888888

浙江

删除
2
李四

⼥
13788887777

四川

删除
3
王⼆

男
137

⼴东

删除

注意此页⾯要在⼿机上清晰显⽰，则应使⽤响应式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();

以上就是本⽂的全部内容，希望对⼤家的学习有所帮助，也希望⼤家多多⽀持。

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文