• 博客园logo
  • 会员
  • 众包
  • 新闻
  • 博问
  • 闪存
  • 赞助商
  • HarmonyOS
  • Chat2DB
    • 搜索
      所有博客
    • 搜索
      当前博客
  • 写随笔 我的博客 短消息 简洁模式
    用户头像
    我的博客 我的园子 账号设置 会员中心 简洁模式 ... 退出登录
    注册 登录

.Net Web开发

asp.net领先的开发历年
  • 博客园
  • 联系
  • 订阅
  • 管理

公告

View Post

如何用javascript在table中动态添加行?

 

 1如何用javascript在table中动态添加行? var tbl = document.all.tags("TABLE")[0];
 2var row = tbl.insertRow();
 3var cell=row.insertCell();
 4cell.innerHTML = "hello world";
 5
 6 
 7var 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

posted on 2006-09-10 22:08  -阿哲  阅读(299)  评论(0)    收藏  举报

刷新页面返回顶部
 
博客园  ©  2004-2025
浙公网安备 33010602011771号 浙ICP备2021040463号-3