宝哥软件园

js实现删除里标签一行内容

编辑:宝哥软件园 来源:互联网 时间:2021-08-25

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

姓名(姓名)性别(性别)电话号码(数量)省份(省)

实现以下要求:

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

完成代码:

!DOCTYPE html html head meta charset=' utf-8 '!-此处代码-meta name=' viewport ' content=' width=device-width,user-scaled=no,initial-scale=1.0,maximum-scale=1.0,minimum-ui ' meta name=' format-detection ' content=' phone=no ' title demo/title style * { padd : 0 0;保证金: 0;} .Li div { display : in-block;宽度: 70px文本对齐:中心;} li .身份证,李。做爱。身份证。性别{ width: 15px} li .姓名,名称{ width: 40px} li .电话。电话{ width: 90px} li .德尔del { width : 15px } ul { list-style : none;} .用户删除cursor:指针;}/style/head dy div id=' J _ container ' div class=' record-head ' div class=' head id '序号/div div class='head name '姓名/div div class='头性'性别/div div class='head tel '电话号码/div div class='头部省份'省份/div div class='head '操作/div/div ul id=' J _ List ' Li div class=' id ' 1/div class=' name '张三/div div class='sex '男/div class=' tel ' 13788888/div class='省份'浙江/div div class='user-delete '删除/div/Li Li div class=' id ' 2/div class=' name '李四/div div class='sex '女/div class=' tel ' 1378887777/div class='省份'四川/div div class='user-delete '删除/div/Li Li div class=' id ' 3/div class=' name '王二/div div class='sex '男/div class=' tel ' 137889999/div class='省份'广东/div div class='user-delete '删除/分区/Li/ul/分区脚本/此处也可换成ES6的写法函数联系(){这个。 init();} //您的代码在这里联系。原型。init=function(){ var Odiv=document。getelementsbyclassname(' user-delete ');var OUl=文档。query selector(' J _ List ');OUl。query selectorall(' Li ');for(var I=0;i oDiv.lengthi ) {(函数{ OdiV[I]).onclick=function () { oList[i].移除();控制台。日志(一);} })(一);} }新联系人();/脚本/正文/html以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持我们。

更多资讯
游戏推荐
更多+