如何用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号