Access911.net   |   a9BBS   |   OTaA System  
  搜索文章:  
Access911欢迎您光临  
   主页      上传      繁體版       论坛     
设为首页  |  加入收藏   
  
你现在的位置:文章索引 -> 文章分类 -> ASP/ASP.NET  
 首页|  近日更新|  下载  |  文章索引  |  搜索|  术语|  承接工程|  
 
系统正在加载内容,请耐心等待...
 
 查询
 窗体
 报表
 
 
 VBA
 函数
 ADO/DAO/ADO.NET
 API
 ADP
 安全
 发布
 OA
 ASP/ASP.NET
 其他语言
 控件
 DELPHI
 C#/.Net
 本站
 其他
 小例程
 常用软件
 参考文档
 业主作品
 网友大作
 
 
友情链接
 access911.net
 
访问人次
 1701985
 
站长 E-Mail
 net911@sina.com
 access911@gmail.com
 
RSS 订阅

显示附加信息 >>>

用 JavaScript 动态添加表(table)的内容

作者:cg1  摘自:access911.net  :cg1  更新日期:2006-9-16  浏览人次:

 

<html>
<body>


<!-- 示例1 -->
<table id='t1' 
border='1' 
cellpadding='3' 
cellspacing='0' 
style='font-size:9pt;border-collapse: collapse;border:#c1cdd8 1px solid;' 
>
<caption>示例1</caption>
    <tr>
        <td>行1</td><td>非自动生成</td><td>.</td><td>.</td><td>.</td>
    </tr>
</table>
<p id=p1> </p>

<SCRIPT language=javascript>
var tr1;
tr1=t1.insertRow();
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;
    
    //table tbody tr 元素的 innerHTML 属性只读
    out+='列='+i+'';
    tr1.insertCell().innerHTML = out;
}

//alert("示例1 table 源文件:\r\n \r\n" + t1.innerHTML);
p1.innerText = "示例1 table 源文件:\r\n \r\n" + t1.innerHTML;
p1.style.fontSize = '9pt';
</script>

<hr style="margin:20px;color=blue;height=2px">

<!-- 示例2 -->

<table id='t2' 
border='1' 
cellpadding='3' 
cellspacing='0' 
style='font-size:9pt;border-collapse: collapse;border:#c1cdd8 1px solid;' 
>

</table>
<p id=p2> </p>

<script language="javascript">
    var tbl,tbd,tr,td,cpt
    var maxrow,maxcol
    
    maxrow=5;
    maxcol=6
    

    tbl = document.getElementById("t2");
    tbd = document.createElement("tbody");
    tbl.appendChild(tbd);
    
    cpt = document.createElement("caption");
    cpt.innerHTML = '示例2';
    tbl.appendChild(cpt)
    
    
    for (var row_counter = 1; row_counter <= maxrow; row_counter++) {
        tr = document.createElement("tr")
        tbd.appendChild(tr)
        for (var col_counter = 1; col_counter <= maxcol; col_counter++) {
            td = document.createElement("td");
            td.innerHTML='td' + col_counter;
            tr.appendChild(td);
            
         }
     }

//alert("示例1 table 源文件:\r\n \r\n" + t2.innerHTML);
p2.innerText = "示例2 table 源文件:\r\n \r\n" + t2.innerHTML;
p2.style.fontSize = '9pt';

</script>

<hr style="margin:20px;color=blue;height=2px">

</body>
</html>


本站文章旨在为该问题提供解决思路及关键性代码,并不能完成应该由网友自己完成的所有工作,请网友在仔细看文章并理解思路的基础上举一反三、灵活运用。

access911.net 原创文章,作者本人对文章保留一切权利。
如需转载必须征得作者同意并注明本站链接

 

 
相关文章
     没有手动相关文章
 
评论
     查看或发表更多的评论,请单击这里。
 
 
 
 
 
   
  Access911.net   |   a9BBS   |   OTaA System   |
建站日期:2000年4月2日  |  设计施工:陈格 ( access911 & cg1 )
 Copyright © 2000 - 2003 COMET, 陈格 保留所有权利