动态输出一个任意行列的表格
2017-05-29 22:49
267 查看
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
行：<input type="text" id="h"/></br>
列：<input type="text" id="l"/></br>
<input type="button" value="生成表格" onclick="createTable();" />
<div id = "div1" "></div>
<script type="text/javascript">
var hs =document.getElementById("h");
var ls =document.getElementById('l');
var dv =document.getElementById('div1');
function createTable(){
var tab = "<table border ='2px' style='background-color: burlywood' >";
for(var i=0;i<hs.value;i++){
tab += "<tr >";
for(var m=0;m<ls.value;m++){
tab+="<td width='150px'>999</td>"
}
tab += "</tr>";
}
tab += "</table>";
dv.innerHTML=tab;
}
</script>
</body>
</html>
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- JS控制网页动态生成任意行列数表格的方法
- JS控制网页动态生成任意行列数表格的方法
- 用递归法将一个整数n转换成字符串，例如输入483，应输出字符串“483”。n的位数不确定，可以是任意位数的整数。
- 我用ASP写的m行n列的函数,动态输出创建TABLE行列
- 任意输入一个整数，求其绝对值并输出。
- 只使用处理I/O的PrintDigit函数，编写一个过程以输出任意实数
- C++递归问题之二——n皇后问题：以四、八皇后为例，给定n个皇后要求将它们放在一个n维矩阵中，任意两个皇后不能出现在同一行、列、主副对角线上，输出具体的摆放方式
- Creating a Component with a variable number of output parameters（创建一个动态输出参数的计算器）
- 输入一个数组长度，动态创建数组，所有元素随机生成，输出元素中的最大值
- 用C#代码画出一个Table同时增加 按钮事件为他动态增加行列
- 一个网站的诞生- MagicDict未来予想図3 [表格的动态增加行和删除行，高手绕路]
- 编辑 Ext 表格（一）——— 动态添加删除行列
- Javascript动态创建表格及删除行列的方法
- 一个基于jQuery的锁定表格行列的js脚本
- 服务器端获取客户端动态添加的表格行数据的一个简单示例
- 仅使用处理单个数字的I/O例程，编写一个过程以输出任意实数（可以是负的）
- pl/sql 在一个程序块里打印日志输出到表格
- 有这样一个需求，左右各一个表格，要求拖动其中任意一个表格中的滚动条，另外一个都随之滚动，看起来就像是在一个表格中。
- tp中，如果实例化一个表格失败,或该表格就不存在，怎么输出错误
- 习题 7.17 用递归法将一个整数n转换成字符串。例如，输入483，应输出字符串“483”。n的位数不确定，可以是任意位数的整数。