js动态生成表格

最新推荐文章于 2022-11-05 17:26:31 发布

ljf_home

最新推荐文章于 2022-11-05 17:26:31 发布

阅读量83

点赞数

分类专栏： JS / CSS 附件文章标签： js 动态生成表格 ViewUI

JS / CSS 同时被 2 个专栏收录

17 篇文章 0 订阅

订阅专栏

附件

5 篇文章 0 订阅

订阅专栏

直接上代码：


<html> 
<head> 
<title> </title> 
<script   type= "text/javascript"> 
    function TestSecond() 
    { 
        var divt=document.getElementById("div1"); //显示DIV
        var tablet=document.createElement("table"); //创建表
        tablet.border=1;        
		var textRow=2;	//行数
        var textCell=3;	//列数
        var num = 0;
        for(var i=0;i<textRow;i++) 
        {  
            var row=tablet.insertRow(num); 
            for(var j=0;j<textCell;j++) 
            { 
                var cell=row.insertCell(num); 
                cell.innerHTML="hello"; 
                cell.width=150; 
                cell.height = 20; 
            } 
        } 
        num = num + 1; 

      divt.appendChild(tablet); 

    } 

//根据tr的ID删除一行(未被调用，备用)
function deleteOneTr(trId)
{
	var theTab = document.getElementById("oneTab")//根据表格ID得表格
	var row=document.getElementById(trId); 
	var index=row.rowIndex;
	theTab.deleteRow(index);
}

</script> 
</head> 
<body> 
<form id="Form1" method="post" runat="server"> 
<table align="center"> 

                <tr> 
                    <td align="center" colspan="2"><input type="button" value="生成表格" onClick="javascript:TestSecond();"/></td> 
                </tr> 
            </table> 
<div id="div1" style="position:absolute;"></div> 
     </form> 
</body> 
</html>

ljf_home

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
js动态生成表格

直接上代码：[code="html"] function TestSecond() { var divt=document.getElementById("div1"); //显示DIV var tablet=document.createElement("table"); //创建表 ta...
复制链接

扫一扫

专栏目录