課程
/前端開發
/JavaScript
/JavaScript進階篇
第二步： 編寫一個函數，供添加按鈕調用，動態在表格的最后一行添加子節點；
2019-11-08
源自：JavaScript進階篇 9-22
正在回答
? function add(){??????? num++;??????? var tr=document.createElement("tr");??????? var xh=document.createElement("td");??????? var xm=document.createElement("td");??????? xh.innerHTML="xh00"+num;??????? xm.innerHTML="第"+num+"學生";??????? var del=document.createElement("td");??????? del.innerHTML="<a href='javascript:;' onclick='del(this)' >刪除</a>";??????? var tab=document.getElementById("table");??????? tab.appendChild(tr);??????? tr.appendChild(xh);??????? tr.appendChild(xm);??????? tr.appendChild(del);??????? var tr = document.getElementsByTagName("tr");????????? for(var i= 0;i<tr.length;i++)????????? {????????????? bgcChange(tr[i]);????????? }???? }
舉報
本課程從如何插入JS代碼開始，帶您進入網頁動態交互世界
1 回答【自動添加】點擊添加按鈕，能動態在最后添加一行
2 回答【自動添加2】點擊添加按鈕，能動態在最后添加一行
3 回答【最笨的方法】點擊添加按鈕，能動態在最后添加一行
1 回答添加最后一行那個按鈕
1 回答第一步： 首先，我們創建刪除函數，并在刪除按鈕上添加點擊事件；
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2019-11-08
? function add(){
??????? num++;
??????? var tr=document.createElement("tr");
??????? var xh=document.createElement("td");
??????? var xm=document.createElement("td");
??????? xh.innerHTML="xh00"+num;
??????? xm.innerHTML="第"+num+"學生";
??????? var del=document.createElement("td");
??????? del.innerHTML="<a href='javascript:;' onclick='del(this)' >刪除</a>";
??????? var tab=document.getElementById("table");
??????? tab.appendChild(tr);
??????? tr.appendChild(xh);
??????? tr.appendChild(xm);
??????? tr.appendChild(del);
??????? var tr = document.getElementsByTagName("tr");
????????? for(var i= 0;i<tr.length;i++)
????????? {
????????????? bgcChange(tr[i]);
????????? }
???? }