JavaScript案例七：简单生成表格

JavaScript简单生成表格，巩固基础知识点。。。

<!DOCTYPE html>

<html>

  <head>

    <title>JavaScript简单生成表格</title>

    <meta http-equiv="content-type" content="text/html; charset=UTF-8">

    <script type="text/javascript" >

        function create()

        {

            var h=document.getElementById("t1").value;

            var l=document.getElementById("t2").value;

            var table="<table border='1' bordercolor='red'>";

            for(var i=0;i<h;i++)

            {

                table+="<tr>";

                for(var j=0;j<l;j++)

                    table+="<td>詹姆斯</td>";

                table+="</tr>";

            }

            table+="</table>"

            document.getElementById("div1").innerHTML=table;

        }

    </script>

  </head>

  <body>

      行：<input type="text" id="t1"/>&nbsp;

      列：<input type="text" id="t2"/><br><br>

      <input type="button" value="生成" onclick="create();">

      <div id="div1"></div>

  </body>

</html>

运行示意：

aaarticlea/png;base64,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" alt="" />

JavaScript案例七：简单生成表格的更多相关文章

JavaScript基础7——动态生成表格
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
Js--动态生成表格
<div> <h1>动态生成表格</h1> <div id="table1"> 行 ...
javascript生成表格增删改查 JavaScript动态改变表格单元格内容动态生成表格 JS获取表格任意单元格 javascript如何动态删除表格某一行
jsp页面表格布局Html代码 <body onload="show()"> <center> <input type="text" ...
JavaScript中动态生成表格
动态生成表格,首先需要输入并获取动态的数字,html中结构代码如下:行:<input type="text" id="row" value="5 ...
Javascript实现前端简单路由
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <meta http ...
js动态生成表格
动态生成表格 *创建一个页面:两个输入框和一个按钮 *代码和步骤 /* 1.得到输入的行 ...
在Linux下如何使用GCC编译程序、简单生成静态库及动态库
最近在编写的一个Apache kafka 的C/C++客户端,,在看他写的 example中,他的编译是用librdkafka++.a和librdkafka.a 静态库编译的,,,而我们这 ...
[转]javascript 快速隐藏/显示万行表格列的方法
原文地址:javascript 快速隐藏/显示万行表格列的方法隐藏表格列,最常见的是如下方式: td.style.display = "none"; 这种方式的效率极低.例如,隐 ...
（转载）PHP 动态生成表格
(转载)http://hi.baidu.com/shawns/item/c7d51f351c6a0482b711dba6 提要:PHP能够高效地生成HTML代码,其中,动态生成表格是实际应用中经常碰到 ...

随机推荐

linux下ping的C语言实现（转）
#include <stdio.h> #include <signal.h> #include <arpa/inet.h> #include <sys/typ ...
寻虫记：BOM头制造的冤案，无故多出空白行
最近在做的一个网站发生了一个很诡异的BUG: 使用IE浏览页面时,一切都挺正常: 而使用Firefox浏览时,发现某些页面元素之间的距离比预期的要宽很多,HTML元素本身的hight.padding和 ...
php的urlencode()URL编码函数浅析
URLEncode:是指针对网页url中的中文字符的一种编码转化方式,最常见的就是Baidu.Google等搜索引擎中输入中文查询时候,生成经过Encode过的网页URL. URLEncode的方 ...
Truck History(prim & mst)
Truck History Time Limit: 2000MS Memory Limit: 65536K Total Submissions: 19772 Accepted: 7633 De ...
教你如何---构建良好的windows程序(初学者必看)
一使用菜单栏和工具栏 1.菜单栏和工具栏有什么作用和优点: 通过菜单栏把应用程序的功能进行分组,能够方便用户查找和使用,下图所示的菜单栏包含的每一项都是顶层菜单项,顶层菜单项下的选项称为”子菜单”或” ...
We are 歪果仁带你灰
We are 歪果仁带你灰我叫赖彦谕不爱什么诗和远方只爱饭桌上的一菜一肉一杯酒真的很希望有一天我可以成为那个对待学习像对待美食一样的人类让自己沉浸在美食和知识的海洋中无法自拔我也对未来的软 ...
作为一名职高生学习Linux的心酸经历
当你点进这篇文章的时候,一定会好奇我为什么要用“心酸”这个词,这个词已经太久没被人提起,也许心酸这种感情只能存在于一个人在追中梦想过程中内心角落吧.从小我们总是会被问这样一个问题“你的梦想是什么?”每 ...
怎样从命令行进入mac桌面
www.iwangzheng.com 刚买的mac电脑,想在终端进入桌面,可以用下面的方式点击桌面右上方的放大镜搜索到Terminal并打开,输入 $ cd /Users 这里会显示多个用户,进入自 ...
[BZOJ1220][POJ1091][HNOI2002]跳蚤
[BZOJ1220][POJ1091][HNOI2002]跳蚤试题描述 Z城市居住着很多只跳蚤.在Z城市周六生活频道有一个娱乐节目.一只跳蚤将被请上一个高空钢丝的正中央.钢丝很长,可以看作是无限长. ...
[HDU5015]233 Matrix
[HDU5015]233 Matrix 试题描述 In our daily life we often use 233 to express our feelings. Actually, we ma ...

JavaScript案例七：简单生成表格

JavaScript案例七：简单生成表格的更多相关文章

随机推荐

热门专题