javascript实现动态表头及表列的展现方法

2024-05-06 16:23:07

字体：大中小

来源：转载

供稿：网友

这篇文章主要介绍了javascript实现动态表头及表列的展现方法,涉及javascript动态操作table元素的实现技巧,具有一定参考借鉴价值,需要的朋友可以参考下

本文实例讲述了javascript实现动态表头及表列的展现方法。分享给大家供大家参考。具体如下：

<html>

<head>

<title>test</title>

</head>

<body>

<script language="javascript">

//初始化表列

var t_column = new Array("col_head");

for(var m=0;m<10;m++){

t_column.push("col"+m);

}

//初始化表行

var t_row = new Array();

for(var m=0;m<5;m++){

t_row.push("row"+m);

}

function p(o){

document.writeln(o);

}

p("<table width=/"95%/" border=/"1/">");

p("<tr>");

for(var i=0;i<t_column.length;i++){

p("<td>"+t_column[i]+"</td>");

}

p("</tr>");

for(var j=0;j<t_row.length;j++){

p("<tr>");

p("<td>"+t_row[j]+"</td>");

for(var k=1;k<t_column.length;k++){

p("<td>value"+k+"</td>");

}

p("</tr>");

}

p("</table>");

</script>

</body>

</html>