<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动态创建表格中的行、删除指定行
在JavaScript编程中，动态添加和删除表格行是一个常见的需求，特别是在网页交互和数据展示中。这篇博客"JavaScript动态添加删除表格行"可能详细讲解了如何使用JavaScript实现这一功能。通过给定的标签"源码"和"工具...
总的来说，jQuery提供了一套丰富的DOM操作方法，使得动态创建和删除表格变得简单易行。通过结合使用`append()`、`remove()`、`click()`等方法，我们可以根据需求构建出灵活且响应式的表格交互功能。在实际项目中，...
在网页开发中，jQuery库因其简洁的语法和强大的功能，被广泛用于处理DOM操作，包括动态添加和删除表格行。本篇文章将详细讲解如何利用jQuery实现这两种操作。 首先，我们来理解HTML表格的基本结构。一个表格由`...
本文将深入探讨如何使用JavaScript动态地增加和删除表格行。 首先，我们来了解一下HTML表格的基本结构。一个表格由`<table>`元素包含，其中包含`<tr>`（表格行）元素，每行内可以有多个`<td>`（表格数据单元格）或`...
* 在删除表格的行时，表格的行数会马上变化，因此需要注意循环删除的顺序 * 使用 `deleteRow()` 和 `deleteCell()` 方法时，需要传入正确的参数 index 动态设置单元格和行的属性 * 使用 `setAttribute()` 方法：...
在开发Web应用时，动态添加和删除表格行是常见的需求，尤其在数据管理或表单填写场景中。本文将深入探讨如何使用C#后端和JavaScript前端技术来实现这一功能，为初学者提供一个基础的实践指导。 首先，我们要了解...
在JavaScript中，动态添加和删除表格是常见的网页交互功能，主要应用于数据展示、表单处理等场景。这篇博文通过一个简单的实例，展示了如何利用JavaScript实现这个功能。在讲解之前，我们先了解一下HTML表格的基本...
当你需要添加一行时，可以通过JavaScript动态创建`<tr>`元素，并将其插入到表格的适当位置。例如，可以使用`document.createElement('tr')`创建新的行元素，然后利用`innerHTML`或`appendChild`方法添加内容和将其...
总的来说，JavaScript提供了强大的DOM操作能力，使得我们可以灵活地控制网页中的HTML元素，包括动态创建和删除表格。在实际项目中，结合CSS和Ajax，可以实现更丰富的表格功能，如排序、过滤和分页等。
使用 JavaScript 可以动态创建行和删除行。首先，创建一个 table 元素，然后创建多个 tr 元素，每个 tr 元素中创建多个 td 元素，并将其添加到 table 元素中。当点击添加按钮时，创建一个新的 tr 元素，并将其添加到...
5. **动态创建元素**：在添加行时，通常需要创建新的`<tr>`元素，并填充相应的`<td>`。这可以通过使用`$("<tr><td>content</td></tr>")`这样的方式来实现，然后使用`.append()`将其添加到表格中。 6. **数据管理**...
3. **删除行**：删除表格行通常涉及到选择要删除的行，并调用`removeChild()`方法。例如，假设我们想删除点击时的当前行，可以这样实现： ```javascript function deleteRow(event) { if (confirm('确定要删除...
总的来说，AutoTable提供了一种方便的方式来创建和管理动态表格，无论是添加、删除行，还是导出数据，都能轻松实现。在实际开发中，可以根据需求进一步定制样式、交互和功能，提升应用程序的用户体验。
在"jQuery 动态删除、添加表格demo"中，我们将探讨如何利用jQuery实现动态地在网页上添加和删除表格行，这对于创建交互性强的数据展示界面非常有用。 首先，我们需要了解jQuery的选择器机制。jQuery允许我们通过CSS...
本文将深入探讨如何使用jQuery实现表格的动态添加和删除行功能，这在许多网页应用中是非常常见的需求。 首先，让我们理解基本概念。在HTML中，表格由`<table>`元素定义，每行由`<tr>`元素表示，而单元格则由`<td>`...
本压缩包中的"javascript 动态创建表格：新增、删除行和单元格.zip"内容着重介绍了如何使用JavaScript来动态地构建和修改HTML表格。 首先，我们要理解表格在HTML中的基本结构，它由`<table>`元素包含，内部包含`...
在IT领域，尤其是在网页开发和用户界面设计中，动态添加删除表格是一项常用的技术。它允许用户根据需求在界面上自由地增加或减少表格行或列，提高了交互性和用户体验。本篇将深入探讨这一主题，主要关注如何实现这个...