課程
/前端開發(fā)
/JavaScript
/JavaScript進階篇
第二步: 編寫一個函數(shù),供添加按鈕調(diào)用,動態(tài)在表格的最后一行添加子節(jié)點;
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+"學(xué)生";??????? 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代碼開始,帶您進入網(wǎng)頁動態(tài)交互世界
1 回答【自動添加】點擊添加按鈕,能動態(tài)在最后添加一行
2 回答【自動添加2】點擊添加按鈕,能動態(tài)在最后添加一行
3 回答【最笨的方法】點擊添加按鈕,能動態(tài)在最后添加一行
1 回答添加最后一行那個按鈕
1 回答第一步: 首先,我們創(chuàng)建刪除函數(shù),并在刪除按鈕上添加點擊事件;
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網(wǎng)安備11010802030151號
購課補貼聯(lián)系客服咨詢優(yōu)惠詳情
慕課網(wǎng)APP您的移動學(xué)習(xí)伙伴
掃描二維碼關(guān)注慕課網(wǎng)微信公眾號
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+"學(xué)生";
??????? 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]);
????????? }
???? }