如何用javascript在table中动态添加行?
1
如何用javascript在table中动态添加行? var tbl = document.all.tags("TABLE")[0];
2
var row = tbl.insertRow();
3
var cell=row.insertCell();
4
cell.innerHTML = "hello world";
5
6
7
var tbl = document.all.tags("TABLE")[0];
8
var tbody_node = document.createElement("tbody");
9
table_node.appendChild(tbody_node);
10
11
for (var row_counter = 1; row_counter <= table_rows; row_counter++) {
12
var tr_node = document.createElement("tr")
13
tbody_node.appendChild(tr_node)
14
for (var col_counter = 1; col_counter <= table_columns; col_counter++) {
15
var td_node = document.createElement("td")
16
tr_node.appendChild(td_node)
17
}
18
}
19
20
<TABLE id="t1" border="1" ><TD>列1</TD><TD>列2</TD><TD>列3</TD><TD>列4</TD><TD>列5</TD></TABLE><SCRIPT language=javascript>var total=5;for (i=1;i<=total;i++) {var out='';out+='<TD >列1='+i+'</TD>';out+='<TD >列2='+i+'</TD>';out+='<TD >列3='+i+'</TD>';out+='<TD >列4='+i+'</TD>';out+='<TD >列5='+i+'</TD>';t1.insertRow().insertCell().innerHTML = out; };</script>
21
如何用javascript在table中动态添加行? var tbl = document.all.tags("TABLE")[0];2
var row = tbl.insertRow();3
var cell=row.insertCell();4
cell.innerHTML = "hello world";5

6
7
var tbl = document.all.tags("TABLE")[0];8
var tbody_node = document.createElement("tbody");9
table_node.appendChild(tbody_node);10

11
for (var row_counter = 1; row_counter <= table_rows; row_counter++) {12
var tr_node = document.createElement("tr")13
tbody_node.appendChild(tr_node)14
for (var col_counter = 1; col_counter <= table_columns; col_counter++) {15
var td_node = document.createElement("td")16
tr_node.appendChild(td_node)17
}18
}19

20
<TABLE id="t1" border="1" ><TD>列1</TD><TD>列2</TD><TD>列3</TD><TD>列4</TD><TD>列5</TD></TABLE><SCRIPT language=javascript>var total=5;for (i=1;i<=total;i++) {var out='';out+='<TD >列1='+i+'</TD>';out+='<TD >列2='+i+'</TD>';out+='<TD >列3='+i+'</TD>';out+='<TD >列4='+i+'</TD>';out+='<TD >列5='+i+'</TD>';t1.insertRow().insertCell().innerHTML = out; };</script>21


浙公网安备 33010602011771号