作者:刺猬xiaojie | 来源:互联网 | 2023-08-19 15:20
web前端|前端问答javascriptweb前端-前端问答自动发号网站系统源码,vscodeinc文件,ubuntuzol,tomcat加载mysql,svn死锁sqlite3,
web前端|前端问答
Javascript
web前端-前端问答
自动发号网站系统源码,vscode inc文件,ubuntu zol,tomcat加载mysql,svn死锁sqlite3,wordpress 广告拦截插件,前端开发用框架的优缺点,爬虫ip被封多久可以解封,php替换符号,杭州整站seo优化,网站内容管理系统(v1.0),网页设计css模板,公司首页设计模板lzw
本文操作环境:windows7系统、Javascript1.8.5版,DELL G3电脑
网站全套源码下载,ubuntu查询配置命令,tomcat部署必须重启吗,爬虫12306登录,自学php教程全集交流,灌云SEOlzw
Javascript怎么移除li?优化啦系统源码,用完ubuntu时间,tomcat本地提权漏洞,反爬虫参数,php 页面三种跳转,湖北房地产seo推广公司lzw
原生Js实现删除li标签一行内容
利用面向对象思想完成买家信息删除功能,每一条信息包含:
姓名(name)
性别(sex)
电话号码(number)
省份(province)
实现以下要求:
不能借用任何第三方库,需要使用原生代码实现。
结合给出的基本代码结构,在下方2处code here补充代码,完成买家信息的删除功能,注意此页面要在手机上清晰显示。
js代码可以任意调整,例如和使用es6代码完成。
完成代码:
* { padding: 0; margin: 0;} .head, li p { display: inline-block; width: 70px; text-align: center; } li .id, li .sex, .id, .sex { width: 15px; } li .name, .name { width: 40px; } li .tel, .tel { width: 90px; } li .del, .del { width: 15px; } ul { list-style: none; } .user-delete { cursor: pointer; }
序号
姓名
性别
电话号码
省份
操作
-
1
张三
男
13788888888
浙江
删除
-
2
李四
女
13788887777
四川
删除
-
3
王二
男
13788889999
广东
删除
// 此处也可换成ES6的写法 function Contact(){ this.init(); } // your code here Contact.prototype.init = function () { var op = document.getElementsByClassName("user-delete"); var oUl = document.querySelector("#J_List"); var oList = oUl.querySelectorAll("li"); for (var i = 0; i
《Javascript高级教学》