gmnon.cn-疯狂蹂躏欧美一区二区精品,欧美精品久久久久a,高清在线视频日韩欧美,日韩免费av一区二区

站長資訊網
最全最豐富的資訊網站

javascript怎么刪除li

javascript刪除li的方法:首先獲取所有的li標簽;然后判斷某個li標簽是否被點擊;最后通過remove刪除li標簽即可。

javascript怎么刪除li

本文操作環境:windows7系統、javascript1.8.5&&html5版、Dell G3電腦。

JS實現li標簽的刪除

利用面向對象思想完成買家信息刪除功能,每一條信息包含:

  • 姓名
  • 電話
  • 電話號碼
  • 省份

實現以下要求:
不能借用任何第三方庫,需要使用原生代碼實現。
結合給出的基本代碼結構,在下方2處code here補充代碼,完成買家信息的刪除功能,注意此頁面要在手機上清晰顯示。
js代碼可以任意調整,例如和使用es6代碼完成。

基本代碼:

<!DOCTYPE html><html><head>     <meta charset="utf-8">     <!--code here-->     <title>demo</title>     <style>         * {            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;        }      </style></head><body><p id="J_container">     <p class="record-head">         <p class="head id">序號</p>         <p class="head name">姓名</p>         <p class="head sex">性別</p>         <p class="head tel">電話號碼</p>         <p class="head province">省份</p>         <p class="head">操作</p>     </p>     <ul id="J_List">         <li>             <p class="id">1</p>             <p class="name">張三</p>             <p class="sex">男</p>             <p class="tel">13788888888</p>             <p class="province">浙江</p>             <p class="user-delete">刪除</p>         </li>         <li>             <p class="id">2</p>             <p class="name">李四</p>             <p class="sex">女</p>             <p class="tel">13788887777</p>             <p class="province">四川</p>             <p class="user-delete">刪除</p>         </li>         <li>             <p class="id">3</p>             <p class="name">王二</p>             <p class="sex">男</p>             <p class="tel">13788889999</p>             <p class="province">廣東</p>             <p class="user-delete">刪除</p>         </li>     </ul></p><script>     // 此處也可換成ES6的寫法     function Contact() {         this.init();     }    // your code here</script></body></html>

注意此頁面要在手機上清晰顯示,則應使用響應式meta標簽:

 <meta name="viewport" content="width = device-width,initial-scale=1">

思路:

先獲取所有的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高級教程》

贊(0)
分享到: 更多 (0)
?
網站地圖   滬ICP備18035694號-2    滬公網安備31011702889846號
gmnon.cn-疯狂蹂躏欧美一区二区精品,欧美精品久久久久a,高清在线视频日韩欧美,日韩免费av一区二区
台湾无码一区二区| 色网站在线视频| 欧美久久久久久久久久久久久| 麻豆一区二区三区在线观看| 热这里只有精品| 欧美成人三级在线视频| 992kp快乐看片永久免费网址| 亚洲无吗一区二区三区| 欧美人与动牲交xxxxbbbb| 欧日韩免费视频| 免费成人黄色大片| 黄色免费福利视频| 久久久精品视频国产| 黄色国产一级视频| 最近中文字幕免费mv| 丰满爆乳一区二区三区| 日韩一级片一区二区| 日本美女高潮视频| 免费日韩中文字幕| 国产素人在线观看| www.xxx麻豆| 日本男女交配视频| 国内自拍第二页| 一道本视频在线观看| 男女av免费观看| 日本wwww视频| 成人综合视频在线| 日本在线观看a| 青青青国产在线视频| 欧美精品色婷婷五月综合| 国产大尺度在线观看| 免费涩涩18网站入口| 欧美成年人视频在线观看| www.se五月| 99久热在线精品视频| 久久久久久av无码免费网站下载| 色撸撸在线观看| 真实国产乱子伦对白视频| 久久久久99精品成人片| 亚洲自偷自拍熟女另类| 国产精品动漫网站| 99精品视频免费版的特色功能| 成人精品视频一区二区| 爱爱爱爱免费视频| 视色,视色影院,视色影库,视色网| 国产小视频免费| 精品无码一区二区三区爱欲| 国产偷人视频免费| 91看片淫黄大片91| 欧美一级黄色影院| aaa免费在线观看| 日韩精品一区二区三区色欲av| mm131亚洲精品| 97在线播放视频| 日本丰满少妇xxxx| 久久久久久久久影视| 日本一二区免费| 日本一道本久久| 中国丰满熟妇xxxx性| 日本三区在线观看| 中文字幕66页| 色婷婷成人在线| 杨幂毛片午夜性生毛片| 精品久久一二三| 国产69精品久久久久999小说| 五月天婷婷影视| 九九九久久久久久久| 天天综合网久久| 少妇高潮流白浆| 99在线观看视频免费| 精品视频在线观看一区二区| 性欧美18一19内谢| 日本黄网站色大片免费观看| 可以免费看的黄色网址| 99热都是精品| 欧美一级片免费播放| 国内外免费激情视频| 天堂av在线网站| 日本老太婆做爰视频| 日韩a∨精品日韩在线观看| 日本www高清视频| 中文字幕在线视频一区二区三区 | 三年中国国语在线播放免费| 国产视频一区二区视频| 天天久久综合网| 黄页免费在线观看视频| 欧美丝袜在线观看| 欧美精品99久久| 国产树林野战在线播放| 欧美韩国日本在线| 国产内射老熟女aaaa| 日本新janpanese乱熟| 韩日视频在线观看| 欧美日韩亚洲国产成人| 中文字幕乱码人妻综合二区三区 | 国产超碰在线播放| 日本中文字幕在线视频观看| 中文字幕网av| 国产免费人做人爱午夜视频| 真人做人试看60分钟免费| 手机看片福利日韩| 成人性视频欧美一区二区三区| 欧美一级片免费播放| 国产一级大片免费看| 欧美日韩在线免费观看视频| 日本www.色| 自拍偷拍 国产| 亚洲国产精品三区| a在线观看免费视频| 欧美成人免费高清视频| 91av在线免费播放| 小早川怜子一区二区三区| 伊人成人222| 午夜视频在线观| 中文国产在线观看| 视色,视色影院,视色影库,视色网 日韩精品福利片午夜免费观看 | 人妻夜夜添夜夜无码av| 91视频 -- 69xx| 欧美第一页浮力影院| 欧美激情第3页| 激情视频小说图片| 国产一区二区视频免费在线观看| 别急慢慢来1978如如2| 美女少妇一区二区| 真实国产乱子伦对白视频| 日本三级免费观看| 热这里只有精品| 老司机午夜av| 男人的天堂avav| 99免费视频观看| 男人天堂新网址| 欧美精品 - 色网| 亚洲熟妇无码一区二区三区| 天堂av手机在线| 成人在线观看a| 免费一级特黄毛片| 久久久久亚洲av无码专区喷水| 国产aaaaa毛片| 韩国中文字幕av| 无限资源日本好片| 校园春色 亚洲色图| 黄色成人免费看| 国产免费999| 国产精品久久久久久9999| 国产三级精品三级在线| 色播五月综合网| 国内外成人激情免费视频| 51xx午夜影福利| 欧美一区二区中文字幕| 青草青青在线视频| 久久久久久香蕉| 亚洲欧美日韩一二三区| 人妻无码一区二区三区四区| 国产尤物av一区二区三区| 日韩精品 欧美| 99视频在线免费| 好色先生视频污| 欧美不卡在线播放| 婷婷激情综合五月天| 欧美 丝袜 自拍 制服 另类| 国产视频一区二区视频| 国产人妻人伦精品| 蜜臀av午夜一区二区三区| 992kp免费看片| 青娱乐自拍偷拍| 久久香蕉视频网站| 9久久婷婷国产综合精品性色 | 成人黄色大片网站| jizz大全欧美jizzcom| 少妇熟女一区二区| jizz18女人| 国产免费又粗又猛又爽| 亚洲精品蜜桃久久久久久| 爱情岛论坛成人| 美女福利视频在线| aaaaaa亚洲| 亚洲五月天综合| 亚洲最大成人在线观看| 国模吧无码一区二区三区| 男人插女人视频在线观看| 精品国产一区二区三区在线| 五月天婷婷亚洲| 中文字幕亚洲影院| 天天做天天爱天天高潮| 欧美三级午夜理伦三级老人| 91蝌蚪视频在线| 在线观看18视频网站| 国产欧美自拍视频| 国产又粗又猛又爽又黄的网站 | 久久无码高潮喷水| 中文字幕第80页| 亚洲精品永久视频| 欧美这里只有精品| 日本成人黄色网| av在线免费观看国产| 成 年 人 黄 色 大 片大 全| 农村妇女精品一二区| 搡的我好爽在线观看免费视频| 亚洲第一页在线视频| www.中文字幕在线|