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一区二区
欧美成人三级在线视频| 乱子伦视频在线看| 国产一区二区片| 久久综合亚洲精品| 日韩精品―中文字幕| 99精品免费在线观看| 杨幂毛片午夜性生毛片| 亚洲综合欧美在线| 少妇久久久久久被弄到高潮| 黄色网址在线免费看| bt天堂新版中文在线地址| 男人添女人下面高潮视频| 免费激情视频在线观看| 亚洲黄色av片| 成人av在线播放观看| 成人黄色片视频| 亚洲美女性囗交| 男人天堂av片| 国产wwwxx| 热久久最新网址| 丰满人妻中伦妇伦精品app| 老司机午夜av| 国产又粗又长又爽视频| 黄色片视频在线播放| 免费不卡av网站| 国产视频一区二区三区在线播放 | 国产免费黄色av| 污污网站免费观看| 国产免费黄色小视频| 天堂av8在线| 国产真实乱子伦| 欧美日韩dvd| 在线观看免费不卡av| 欧美亚洲一二三区| 成人在线观看www| 久久久久久久久久久久91| 久艹在线免费观看| 亚洲第一色av| 亚洲视频一二三四| 男人靠女人免费视频网站| 自拍一级黄色片| 在线观看免费污视频| 青青草原av在线播放| av在线免费观看国产| 色黄视频免费看| 天天干天天操天天做| 粉嫩虎白女毛片人体| 成年人观看网站| av片在线免费| 男人天堂新网址| dy888午夜| 国产黑丝在线视频| 久久成年人网站| 午夜免费福利在线| 国产男女激情视频| 国产成人久久777777| 116极品美女午夜一级| 日韩亚洲欧美视频| 久久亚洲国产成人精品无码区| 在线观看免费黄色片| www.亚洲一区二区| 成人高清dvd| 国产视频在线观看网站| 日韩小视频网站| 欧美深夜福利视频| 人妻少妇精品无码专区二区| 亚洲色成人www永久在线观看| 国产精品国三级国产av| 成人av在线不卡| 亚洲 高清 成人 动漫| 91传媒久久久| av五月天在线| 成 人 黄 色 小说网站 s色| 亚洲欧美国产中文| 久久精品国产精品亚洲精品色| 精品国产三级a∨在线| 日韩欧美一级在线| 九九爱精品视频| 久久99999| 黄色一级片av| 国产人妻777人伦精品hd| 亚洲 高清 成人 动漫| 五月天婷婷激情视频| 久久精品国产精品亚洲精品色 | av无码精品一区二区三区| 91国内在线播放| 青青草视频在线视频| 久久久精品在线视频| 中文字幕 欧美日韩| 欧美这里只有精品| 激情综合网俺也去| 水蜜桃在线免费观看| 亚洲国产成人精品无码区99| 免费在线观看毛片网站| 五月天丁香花婷婷| 久色视频在线播放| 午夜剧场在线免费观看| 欧美男女爱爱视频| 国产美女18xxxx免费视频| 毛片av在线播放| 日本黄大片一区二区三区| 免费在线看黄色片| 超碰超碰在线观看| 鲁一鲁一鲁一鲁一澡| 波多野结衣网页| 日韩视频免费在线播放| 成年人深夜视频| 天天操精品视频| 熟女性饥渴一区二区三区| 亚洲热在线视频| 一区二区三区入口| a在线视频观看| 国产91沈先生在线播放| 午夜免费福利视频在线观看| 分分操这里只有精品| 国产成人三级视频| 羞羞的视频在线| 亚洲国产精品久久久久爰色欲| 在线观看视频黄色| 亚洲一级片av| 天天操天天爽天天射| 欧美 国产 综合| 国产又粗又大又爽的视频| 亚洲国产成人va在线观看麻豆| 18禁男女爽爽爽午夜网站免费| 欧美日韩午夜爽爽| 美女在线免费视频| 黄色片免费网址| 亚洲自拍第三页| 激情黄色小视频| 亚洲三级视频网站| 男人天堂成人在线| 女人另类性混交zo| 91av在线免费播放| 日韩人妻精品无码一区二区三区| 日韩a级在线观看| 男人插女人视频在线观看| www.亚洲成人网| 国产一区二区三区小说| 97视频久久久| 国产av国片精品| 国产欧美在线一区| 中文字幕第80页| 91淫黄看大片| 福利视频999| 天天看片天天操| 91免费视频污| 日韩亚洲欧美一区二区| 日韩在线观看a| 国产69精品久久久久999小说| 欧美 国产 综合| 日本久久精品一区二区| 日韩一级免费片| 特级毛片在线免费观看| 久久久久久久久久毛片| 国产真实乱子伦| 欧美日韩一区二区三区69堂| 黄色aaa级片| r级无码视频在线观看| 亚洲免费av一区| 手机av在线免费| 波多野结衣 作品| 欧美成人精品欧美一级乱| 国内国产精品天干天干| 日本中文字幕一级片| 日本一本二本在线观看| 91丨九色丨蝌蚪| 天天夜碰日日摸日日澡性色av| 日韩欧美精品在线观看视频| 少妇一级淫免费放| 国产a级片网站| 强开小嫩苞一区二区三区网站| 国产伦精品一区二区三区四区视频_ | 色综合久久久久无码专区| 成人在线观看黄| 国产毛片久久久久久国产毛片| 日韩av播放器| 国产高清www| 97av中文字幕| 性生生活大片免费看视频| 国产综合中文字幕| 成人国产一区二区三区| 99九九99九九九99九他书对| 国产男女激情视频| www.国产区| 日韩精品一区中文字幕| 欧美在线观看成人| 精品少妇人妻av免费久久洗澡| 午夜大片在线观看| 欧美视频亚洲图片| 日本超碰在线观看| 午夜激情视频网| 天天爱天天做天天操| 日韩精品第1页| 日韩av高清在线看片| 97xxxxx| 五月天六月丁香| youjizz.com在线观看| 黄色片网址在线观看| 北条麻妃在线一区|