介绍 <李> & lt; ! DOCTYPE html>
& lt; html>
& lt; head>
,& lt; meta charset=皍tf-8"比;
这里,& lt; !——code ——比;
,& lt; title> demo
,& lt; style>
*,{才能
,,,填充:0;
,,,保证金:0;
,,}
,,.head, li div {
,,,显示:inline-block;
,,,宽度:70 px;
,,,text-align:中心;
,,}
li 才能;.id, li .sex,, .id, .sex {
,,,宽度:15 px;
,,}
li 才能;. name, .name {
,,,宽度:40像素;
,,}
li 才能;.tel, .tel {
,,,宽度:90 px;
,,}
li 才能;为. del, .del {
,,,宽度:15 px;
,,}
ul {才能
,,,list-style:没有;
,,}
.user-delete {才能
,,,光标:指针;
,,}
,& lt;/style>
& lt;/head>
& lt; body>
& lt; div id=癑_container"祝辞
,& lt; div 类=皉ecord-head"比;
& lt;才能div 类=癶ead id"在序号& lt;/div>
& lt;才能div 类=癶ead name"在姓名& lt;/div>
& lt;才能div 类=癶ead sex"在性别& lt;/div>
& lt;才能div 类=癶ead tel"在电话号码& lt;/div>
& lt;才能div 类=癶ead province"在省份& lt;/div>
& lt;才能div 类=癶ead"在操作& lt;/div>
,& lt;/div>
,& lt; ul id=癑_List"比;
& lt;才能li>
,,& lt; div 类=癷d"在1 & lt;/div>
,,& lt; div 类=皀ame"在张三& lt;/div>
,,& lt; div 类=皊ex"在男& lt;/div>
,,& lt; div 类=皌el"在13788888888 & lt;/div>
,,& lt; div 类=皃rovince"在浙江& lt;/div>
,,& lt; div 类=皍ser-delete"在删除& lt;/div>
& lt;才能/li>
& lt;才能li>
,,& lt; div 类=癷d"在2 & lt;/div>
,,& lt; div 类=皀ame"在李四& lt;/div>
,,& lt; div 类=皊ex"在女& lt;/div>
,,& lt; div 类=皌el"在13788887777 & lt;/div>
,,& lt; div 类=皃rovince"在四川& lt;/div>
,,& lt; div 类=皍ser-delete"在删除& lt;/div>
& lt;才能/li>
& lt;才能li>
,,& lt; div 类=癷d"在3 & lt;/div>
,,& lt; div 类=皀ame"在王二& lt;/div>
,,& lt; div 类=皊ex"在男& lt;/div>
,,& lt; div 类=皌el"在13788889999 & lt;/div>
,,& lt; div 类=皃rovince"在广东& lt;/div>
,,& lt; div 类=皍ser-delete"在删除& lt;/div>
& lt;才能/li>
,& lt;/ul>
& lt;/div>
& lt; script>
,//此处也可换成ES6的写法
,function 接触(),{
this.init才能();
,}
,//your code 这里
& lt;/script>
& lt;/body>
& lt;/html> & lt; meta name=皏iewport",内容=皐idth =,设备宽度,初始=1“在 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 小姐:=,0;,小姐:& lt;, div.length;,我+ +),{
,,(function (i), {
,,,div[我].onclick =, function (), {
,,,,[我].remove列表();
,,,,console.log(我);
,,,}
,,})(我);
,,}
,}
new 接触();
这篇文章给大家分享的是有关JS如何实现李标签的删除的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。
利用面向对象思想完成买家信息删除功能,每一条信息包含:
姓名
<李>电话
<李>电话号码
<李>省份
<强>实现以下要求:
不能借用任何第三方库,需要使用原生代码实现。
结合给出的基本代码结构,在下方2处代码补充代码,完成买家信息的删除功能,注意此页面要在手机上清晰显示。
JS代码可以任意调整,例如和使用es6代码完成。
基本代码:
注意此页面要在手机上清晰显示,则应使用响应式元标签:
<强>思路:
先获取所有李的标签,再判断哪个李标签被点击,点击后进行删除该元素操作。
基本代码中已经给出联系函数,需要在函数中添加初始化方法:
感谢各位的阅读!关于“JS如何实现李标签的删除”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!
