js-案例:动态生成表格

原创 2015年11月18日 22:18:14

效果如图所示:
这里写图片描述
这里写图片描述
完整代码如下:

<html>
 <head>
  <style type="text/css">

  </style>
  <title>Document</title>
 </head>
 <body>

 行:<input type="text" id="h"/>
 列:<input type="text" id="l"/>
 <input type="button" value="生成" onclick="add();"/>
 <div id="div1">

 </div>
   <script type="text/javascript">
   function add(){
       var h=document.getElementById("h").value;
       var l=document.getElementById("l").value;
       var tab="<table border='1' bordercolor='blue' cellspacing='0' cellpadding='0'>";
       for(var i=0;i<h;i++)
          {
             tab+="<tr>";
             for(var j=0;j<l;j++)
              {
                  tab+="<td>aaaaaa</td>";
              }
            tab+="</tr>";
          }
       tab+="</table>";
       var divl=document.getElementById("div1");
       div1.innerHTML=tab;
   }
   </script>
 </body>
</html>

相关文章推荐

js动态设置表格内容,生成HTML文件

通过js方式设置table中数据内容,并生成为HTML文件。这篇文章只是为动态设置表格内容作个范例,里面有一些常用的js方法。  var i = 0;  function addRow()...

js通过后台配置动态生成html table表格

js根据后台配置动态生成合并行。。。。

JS生成动态表格并为每个单元格添加单击事件的方法

Demo function getColumnDetail(column) { column.style.color = "blue"; //将被点击的单元格设置为蓝色 ...

JS动态生成html表格

无标题文档 function AttachEvent(target, eventName, handler, argsObject

JS面试题-动态生成表格代码

利用JS动态生成表格,是一个JS面试题,在行、列输入框中输入要生成的行列数,可立即生成表格,要求如下:   1) 任意输入行数或列数, 生成对应表格;   2) 行数, 列数必须为正整数类型, 否...

js动态生成表格,删除表格

var index; index = 2; //增加行 function insertRow(){ var s1 = ""; var...
  • zyc010
  • zyc010
  • 2012年03月19日 17:29
  • 604
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:js-案例:动态生成表格
举报原因:
原因补充:

(最多只允许输入30个字)