利用JS在Table中插入行和列

原创 2012年03月21日 11:12:38

<html>
<head runat="server">
<title>柴伟伟</title>
    <script language="javascript" type="text/javascript">

        function iRow(tableID) {
                var v = document.getElementById(tableID).insertRow(0);
                var y = v.insertCell(0);
                var z = v.insertCell(1);
                y.innerHTML = "新增行和列";
                z.innerHTML = "新增列和行";
        }
    </script>
</head>
<body >
    <form id="form1" runat="server">
    <div id="showTime">
    <table id="myTable" border="1">
    <tr>
    <td>第一行第一列</td>
    <td>第一行第二列</td>
    </tr>

    <tr>
    <td>第二行第一列</td>
    <td>第二行第二列</td>
    </tr>
    </table>
    <input  type="button" id="insert" value="插入新的行" onclick="iRow('myTable')" />
    </div>
    </form>
</body>
</html>

浅谈js中如何动态添加表头/表列/表格内容

浅谈js中如何动态添加表头/表列/表格内容我想很多童鞋用js动态向表格中添加数据很熟悉,而且也觉得非常简单!是的,对于写页面的童鞋来说,最喜欢写查询的页面了,动态向表格绑定数据。用for循环就可以轻松...
  • sxs161028
  • sxs161028
  • 2017年07月04日 16:06
  • 1387

js算法--输入行列,生成一个表格(table)

html: 请输入行数: 请输入列数: 创建 javaScript: functino autocreate() { var line = document.ge...
  • xingguanghui_1134
  • xingguanghui_1134
  • 2016年08月27日 10:48
  • 4193

js 对表格的动态操作(动态添加行,删除该行,在指定位置添加控件)

***************************************************************** js动态添加表的列,并在列中添加控件的方法 添加行 func...
  • judyge
  • judyge
  • 2015年12月13日 13:44
  • 1628

js 实现 JavaScript遍历table的行和列

  • 2010年03月31日 11:24
  • 808B
  • 下载

js动态新增/删除table表的行和列

亲测兼容谷歌,360,火狐,IE8 javascript删除行和列 function findObj(theObj, theDoc) { var p...
  • Touatou
  • Touatou
  • 2017年05月23日 10:49
  • 323

JQUERY冻结table行或列js

freezeTable.js/* * 锁定表头和列 * * 参数定义 * table - 要锁定的表格元素或者表格ID * freezeRowNum - 要锁定的前几行行数,如果行...
  • xieedeni
  • xieedeni
  • 2017年10月26日 11:07
  • 155

js动态删除table表的指定行和列

javascript删除行和列 function deleteCol(obj){ var index=obj.cellIndex; var table = document.getE...
  • Touatou
  • Touatou
  • 2017年05月23日 10:46
  • 795

js添加table的行和列

function addRow() { var newTR = document.getElementById("testTable").insertRow(document....
  • pengshumin89
  • pengshumin89
  • 2011年07月28日 14:27
  • 2634

js操作table的行和列无刷新

//代码仅供参考 如果强行复制请修改页面id //查询数据库符合条件的数据 function SelectAlterNativeVenues(field) { var xmlhttp; ...
  • huyaguang
  • huyaguang
  • 2014年03月27日 09:53
  • 325

利用jquery-latest.js实现合并table行

jquery-latest.js实现合并table行 $(function () { $.fn.rowspan = fu...
  • lybwwp
  • lybwwp
  • 2014年03月24日 17:41
  • 2212
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:利用JS在Table中插入行和列
举报原因:
原因补充:

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