2.輸入代碼:
& lt表& gt
& lttr & gt
& lttd & gt學生& lt/TD & gt;
& lttd & gt& ltinput type="text" name="student " >& lt/TD & gt;
& lt/tr & gt;
& lttr & gt
& lttd & gt高度& lt/TD & gt;
& lttd & gt& ltinput type="text" name="height " >& lt/TD & gt;
& lt/tr & gt;
& lttr & gt
& lttd colspan = 2 & gt
& lt輸入type="button "?name = " add " value = " add " & gt
& lt/TD & gt;
& lt/tr & gt;
& lt/table & gt;
設置兩行可以添加的文本輸入框和提示按鈕。
3 、& lt桌子?id="mainTable " >
為標簽添加id以便於定位。
4.增加監控事件的功能。
onclick="adding()"
然後連接js文檔。
& ltscript src = " test.js " & gt& lt/script & gt;
5、功能?添加(){
var table = document . getelementbyid(" mainTable ");
var addTr = table . insertrow(2);
}
創建壹個函數,然後設置兩個變量。壹是用來定位標簽位置,二是增加第二行的行數。測試,多次點擊確實會下移。
6、var addTd = addtr . insert cell();
AddTd.innerHTML = " add
除了加tr,還要加td,還要加文字提示。
7.稍微修改壹下變量名。添加文本輸入框。
函數添加(){
var table = document . getelementbyid(" mainTable ");
var addTr = table . insertrow(2);
var TD 1 = addtr . insertcell();
TD 1 . innerhtml = " New ";
var td2 = addtr . insertcell();
td2.innerHTML = " & ltinput type='text 'name='newnew ' >;
}
8.最後,妳可以看到按鈕。