日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区

您的位置:首頁技術文章
文章詳情頁

JavaScript實現簡單動態表格

瀏覽:92日期:2023-06-13 15:17:44

本文實例為大家分享了JavaScript實現簡單動態表格的具體代碼,供大家參考,具體內容如下

JavaScript實現簡單動態表格

JavaScript實現簡單動態表格

代碼:

<!DOCTYPE html><html lang='en'><head> <meta charset='UTF-8'> <title>動態表格</title> <style> table{ border: 1px solid; margin: auto; width: 500px; } td,th{ text-align: center; border: 1px solid; } div{ text-align: center; margin: 50px; } </style></head><body><div> <input type='text' placeholder='請輸入編號'> <input type='text' placeholder='請輸入姓名'> <input type='text' placeholder='請輸入性別'> <input type='button' value='添加' id='btn_add'></div> <table id='table'> <caption>學生信息表</caption> <tr> <th>編號</th> <th>姓名</th> <th>性別</th> <th>操作</th> </tr> <tr> <td>1</td> <td>武大郎</td> <td>男</td> <td><a href='javascript:void(0);' rel='external nofollow' rel='external nofollow' rel='external nofollow' onclick='delTr(this);'>刪除</a></td> </tr> <tr> <td>2</td> <td>西門慶</td> <td>男</td> <td><a href='javascript:void(0);' rel='external nofollow' rel='external nofollow' rel='external nofollow' onclick='delTr(this);'>刪除</a></td> </tr> <tr> <td>3</td> <td>武二郎</td> <td>男</td> <td><a href='javascript:void(0);' rel='external nofollow' rel='external nofollow' rel='external nofollow' onclick='delTr(this);'>刪除</a></td> </tr> </table><script> //1.獲取btn var btn_add = document.getElementById('btn_add'); //2.綁定單擊事件 btn_add.onclick = function(){ //獲取每一個輸入框內容 var id = document.getElementById('id').value; var name = document.getElementById('name').value; var gender = document.getElementById('gender').value; //獲取表格 var table = document.getElementById('table'); //創建tr var tr = document.createElement('tr'); //創建td var td_id = document.createElement('td'); var text_id = document.createTextNode(id); td_id.appendChild(text_id); tr.appendChild(td_id); var td_name = document.createElement('td'); var text_name = document.createTextNode(name); td_name.appendChild(text_name); tr.appendChild(td_name); var td_gender = document.createElement('td'); var text_gender = document.createTextNode(gender); td_gender.appendChild(text_gender); tr.appendChild(td_gender); var td_option = document.createElement('td'); var a = document.createElement('a'); a.setAttribute('href','javascript:void(0);'); a.setAttribute('onclick','delTr(this)'); var text_a = document.createTextNode('刪除'); a.appendChild(text_a); td_option.appendChild(a); tr.appendChild(td_option); table.appendChild(tr); } function delTr(obj){ var table = obj.parentNode.parentNode.parentNode; var tr = obj.parentNode.parentNode; table.removeChild(tr); }</script></body></html>

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持好吧啦網。

標簽: JavaScript
相關文章:
日本不卡不码高清免费观看,久久国产精品久久w女人spa,黄色aa久久,三上悠亚国产精品一区二区三区
亚洲无线一线二线三线区别av| 欧美日韩视频免费看| 你懂的国产精品永久在线| 国产精品一线| 麻豆精品在线视频| 精品美女在线视频| 成人福利视频| 亚洲高清二区| 国产精品腿扒开做爽爽爽挤奶网站| 国产手机视频一区二区 | 日韩国产一区二区三区| 午夜精品成人av| 久久激情一区| 夜夜嗨网站十八久久| 夜夜嗨一区二区三区| 亚洲理论在线| 911精品国产| 久久一区亚洲| 国产va在线视频| 欧美不卡视频| 蜜桃av一区二区| 国产欧美午夜| 三级在线看中文字幕完整版| 激情综合网五月| 婷婷综合福利| 欧美aaaaaa午夜精品| 久久婷婷av| 中文字幕日韩高清在线 | 亚州欧美在线| 国产精东传媒成人av电影| 国产夫妻在线| 国产亚洲在线| 国产精品99精品一区二区三区∴| 中文av在线全新| 久热精品在线| 国产剧情一区二区在线观看| 超级白嫩亚洲国产第一| 好吊日精品视频| 欧美日韩一区二区三区四区在线观看 | 国产精品久久久久久av公交车| 欧洲一级精品| 爽好多水快深点欧美视频| 国产精品亚洲综合色区韩国| 91精品一区二区三区综合在线爱| 日韩精品午夜视频| 在线人成日本视频| 婷婷五月色综合香五月| 中文字幕在线视频网站| 久久福利毛片| 久久精品国内一区二区三区| 亚洲激情国产| 久久久久伊人| 三级欧美韩日大片在线看| 欧美国产日韩电影| 一区在线免费| 精品中文在线| 蜜臀av性久久久久蜜臀aⅴ流畅| 国产精品sss在线观看av| 99久久久久国产精品| 啪啪亚洲精品| 免费久久精品| 麻豆久久一区| 蜜桃视频在线观看一区| 麻豆精品视频在线| 国产亚洲精品自拍| 国产aⅴ精品一区二区三区久久| 蜜桃视频第一区免费观看| 国产66精品| 欧美偷窥清纯综合图区| 黄色国产精品| 97精品国产| 国产精品亚洲一区二区在线观看| 国产专区一区| 久久精品国产久精国产| 在线看片日韩| 婷婷综合六月| 国产精品一区二区三区美女| 久久福利一区| 日韩欧美精品| 国产精品超碰| 日韩激情综合| 不卡在线一区| 日韩在线视频精品| 欧美精品导航| 911精品国产| 免费日本视频一区| 日韩国产网站| 精品美女在线视频| 国产日韩中文在线中文字幕| 蜜桃av一区二区在线观看| 国产精品国产一区| 国产欧美日韩在线一区二区| 日韩精品一区第一页| 精品国模一区二区三区| 国产毛片精品| 日韩精品亚洲一区二区三区免费| 亚洲免费影院| av成人国产| 亚洲天堂久久| 久久九九国产| 韩国三级一区| 最近高清中文在线字幕在线观看1| 久久av导航| 国产精品xxxav免费视频| 欧美日韩午夜| 日本不卡一区二区三区| 日韩精品视频一区二区三区| 免费人成网站在线观看欧美高清| 国产麻豆久久| 日韩不卡免费高清视频| 中文在线免费视频| 精品视频高潮| 精品免费av| 精品免费av| 成人国产精品| 国产精品久久久久蜜臀| av资源亚洲| 久久精品官网| 波多野结衣一区| 夜久久久久久| 免费不卡在线视频| 日韩中文av| 日韩福利在线观看| 日本一区二区中文字幕| 视频精品一区| 青青草国产精品亚洲专区无| 日韩高清电影一区| 国产情侣一区在线| 久久一区亚洲| 国产一区福利| 成人日韩精品| 色婷婷久久久| 婷婷综合网站| 免费人成精品欧美精品| 日韩福利在线观看| 久久av导航| 国产精品原创| 婷婷成人在线| 久久亚洲风情| 伊人成人在线视频| 婷婷综合成人| 久久丁香四色| 成人国产精选| 久久网站免费观看| 蜜桃视频第一区免费观看| 欧美日韩中出| 福利视频一区| 不卡在线一区| 日韩高清一区在线| 免费一区二区三区在线视频| av中文字幕在线观看第一页| 99视频精品全部免费在线视频| 精品欧美激情在线观看| 日韩欧美中文字幕电影| 国产欧美久久一区二区三区| 黄毛片在线观看| japanese国产精品| 日本亚洲不卡| 日韩在线第七页| 99精品99| 国产精品99久久免费| 成人看片网站| 亚洲三级在线| 国产成人免费视频网站视频社区| 欧美特黄一级大片| 日韩精品久久久久久| 精品九九久久| 夜夜嗨av一区二区三区网站四季av| 日韩国产欧美三级| 国产91在线精品| 蜜桃视频在线观看一区二区| 欧美激情麻豆| 亚洲精品小说| 国产伦乱精品| 不卡中文字幕| 国产精品入口久久| 欧美日韩第一| 国产免费久久| 精品中文字幕一区二区三区av| 88久久精品| 欧美精品一区二区久久| 国产精品a级| 六月天综合网| 国产成人精品福利| 在线视频精品| 国产一区2区在线观看| 亚洲一区导航| 日本欧美不卡| 日韩欧美高清一区二区三区| 久久久久99| 国产精品久久久久久久久久妞妞 | 久久99精品久久久久久园产越南 | 六月丁香综合在线视频| 亚洲激情国产| 国产一区二区三区探花| 中文视频一区| 香蕉久久99| 精品72久久久久中文字幕| 在线精品一区二区| 久久国产电影|