<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script type="text/javascript" >
function test()
{
alert(/(\d{6}){1}/.test(document.getElementById("test").value));
alert(/\w+([-+.']\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*/.test(document.getElementById("test").value));
}
function formatTable()
{
formatTable();
var oTable = document.getElementById('oTable');//获取table对象
var rows=oTable.rows;
for(var i=0;i<rows.length;i++)
{
if(i%2==0) {
rows[i].style.backgroundColor = "#FFFFFF";
rows[i].style.color = "#000000";
} else {
rows[i].style.backgroundColor = "#f7f7f7";
rows[i].style.color = "#000000";
}
}
}
function createTr()
{
var tab = document.getElementById("tab");
var tr = tab.insertRow();//create tr
//create td
var td2 = tr.insertCell(0);
td2.style.textAlign = "center";
td2.innerHTML = '<input type="text" name="tel" size="13" value=""/>';
var td3 = tr.insertCell(1);
td3.style.textAlign = "center";
td3.innerHTML = '<input type="text" name="code1" size="13"/>';
var td4 = tr.insertCell(2);
td4.style.textAlign = "center";
td4.innerHTML = '<input type="text" name="address" size="48"/>';
var td5 = tr.insertCell(3);
td5.style.textAlign = "center";
td5.innerHTML = '<input type="text" name="code2" size="13"/>';
var td1 = tr.insertCell(4);
td1.style.textAlign = "center";
td1.innerHTML = '<img src="关系图.jpg" width="14" height="10" border="0" onclick="DelRow();" alt="删除" class="mouseHand"/>';
}
function DelRow()
{
var iIndex = window.event.srcElement.parentElement.parentElement.rowIndex;
var tab = document.getElementById("tab");
if(iIndex==-99999)
alert("系统提示：没有选中行号!");
else{
tab.deleteRow(iIndex);
}
}
</script>
</head>
<body>
<input type="text" value="kkskkk" name="test" />
<button type="button" value="test" onClick="javascript:createTr();">sfsfsfd</button>
<table width="100%" border="1" bordercolor="red" id="tab" name="tab" height="100%">
</table>
<p> </p>
</body>
</html>
分享到：
相关推荐
jquery动态创建表格中的行、删除指定行
jquery动态实现创建、删除整个表格，一行一行创建、删除表格。一格一格创建、删除表格
NULL 博文链接：https://long316.iteye.com/blog/1393886
js的节点操作动态创建table表格，创建行，删除行
autotable 动态添加或删除行示例
NULL 博文链接：https://jeasony.iteye.com/blog/353914
用js创建动态表格一些基本语法 avascript 动态创建表格：新增、删除行和单元格 利用js来动态创建表格有两种格式，appendChild()和insertRow、insertCell()。
动态创建表格行； 支持 添加 删除 在table中可动态添加或删除任意多的行；
4.动态dom对象创建表格树 5.完美支持json格式数据,支持xml(需转换) 6.支持ajax加载节点 7.事件驱动 8.可以动态根据列内容排序 9.简化函数参数,利用{} object输入参数,风格类似Extjs 10.树状结构可以选择出现在某一列...
利用js来动态创建表格有两种格式，appendChild()和insertRow、insertCell()。两种方式其实差不多，但第一种有可能在IE上有问题，所以推荐大家使用第二种了，直接说吧。
主要介绍了Javascript动态创建表格及删除行列的方法,涉及javascript动态操作表格的相关技巧,需要的朋友可以参考下
本文实例为大家分享了javascript实现动态生成表格/删除行的具体代码，供大家参考，具体内容如下 动态生成一个带删除行功能的表格： 实现思路 1、获取表格元素 2、获取要填充的数据，一般是从数据库取数据，也...
JavaScript动态操作表格，添加，删除行、列及单元格
介绍了js动态创建表格,删除行列的实例代码，有需要的朋友可以参考一下
实现页面创建表格，和删除指定列、行单元格功能。利用JavaScript动态创建表格，可根据用户的使用需求动态添加指定列数、行数，删除指定列数、行数。删除成功或不成功时，会反馈给用户一个弹框提示，增强用户体验感。
c# tablelayoutpanel 动态增加和删除列 已测试通过 动态合并单元格 动态添加控件
然后获取了表格元素及其 tbody 元素，通过 for 循环遍历数组中的每个学生，动态创建了表格的每一行和每个单元格，并将学生的信息填充到对应的单元格中。 最后，为每行的删除操作添加了点击事件处理程序。当用户单击...
简单的动态表格的创建 具有增删改的功能。界面干净整洁。
它使用DOM 1的方法由JavaScript动态创建一个HTML表格。它创建一个由四个包含文本内容的单元格组成的小表格。单元格的文字内容是：“单元格是第y行第x列”，表示单元格在表格中的行数和列数。 代码如下:<ht
主要介绍了JavaScript如何动态创建table表格，一些时候需要动态的创建和删除表格，接下来的文章中将为大家介绍下javascript是如何做到的，感兴趣的朋友不要错过