`
vbtboy
  • 浏览: 47880 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

JS增加TABLE行

 
阅读更多
<html>
<head>
<script type="text/javascript">
var test = {};
test.doalert = function(str){
alert(str);
}
function aaa(){
var table = document.getElementById("tableId");
var num = table.rows.length-1;
var oRow = table.insertRow();
var hideTable = document.getElementById("realtion");
for(var i = 0;i<hideTable.cells.length;i++){
var oCell = oRow.insertCell(i);
oCell.innerHTML = hideTable.cells(i).innerHTML.replace(new RegExp("@","gm"), "" + num);
      oCell.colSpan = hideTable.cells(i).colSpan;
      oCell.rowSpan = hideTable.cells(i).rowSpan;
      oCell.vAlign = hideTable.cells(i).vAlign;
      oCell.align = hideTable.cells(i).align;
      oCell.bgColor = hideTable.cells(i).bgColor;
      oCell.style.cssText = hideTable.cells(i).style.cssText;
      oCell.className = hideTable.cells(i).className;     
}

}
function bbb(){
alert(varr[0].code);
}
setTimeout("test.doalert('sdsdsdsdsd')",5000);
</script>
</head>
<body >
<div id = "divx" border="1" overflow="auto">
<table border = "1" id="tableId">
<tr id="dd"><td style="margin-top:0px"><span>sss</span></td><td><textarea rows="8" name="sss" class="text"></textarea>
</td></tr>
</table>
<table id="realtion" style="display:none">
<tr id="dd"><td style="margin-top:0px"><span>sss</span></td><td><textarea rows="8" name="sss" class="text"></textarea>
</td></tr>
</table>
<input type="button" value="go" onclick="aaa()"/>
</div>
</body>
</html>
分享到:
评论

相关推荐

    javascript table 增加删除行,巧妙实现

    在JavaScript中,表格(Table)是网页数据展示的常用元素,而动态地增加或删除行则是常见的交互需求。本文将深入探讨如何巧妙地利用JavaScript来实现这个功能。 首先,我们需要了解HTML中的`&lt;table&gt;`元素及其相关...

    js 操作 增加删除Table行

    本文将深入探讨如何使用JavaScript来动态地增加和删除表格(Table)的行。 首先,我们需要了解HTML表格的基本结构。一个基本的表格由`&lt;table&gt;`元素、`&lt;tr&gt;`(表格行)元素、`&lt;td&gt;`(表格数据单元格)元素组成。如果...

    可以动态增加table行的javascript代码

    * 1、&lt;script language="javascript" src="js/addContentRow.js"&gt; * 2、 * &lt;!-- 附件部分 --&gt; * &lt;table width="100%" height="" border="0" id="Ttable1" &gt; * &lt;tr&gt;&lt;/tr&gt; * * * &lt;a href="...

    js获取table行 列 的值

    下面我们将详细介绍如何通过 JavaScript 来获取 HTML 表格(`&lt;table&gt;`)中的行(`&lt;tr&gt;`)和列(`&lt;td&gt;`)的值。 #### 核心知识点解析 ### 一、HTML 结构解析 首先,让我们来分析一下给定的 HTML 代码结构: ```...

    jstable添加行删除行复制行

    在`jstable添加行删除行复制行.html`这个示例文件中,可以看到这些概念是如何具体实现的。通过阅读和理解代码,你可以更深入地学习如何利用JavaScript实现表格的动态管理。同时,也可以结合CSS和jQuery等库来增强...

    javascript增加和删除table行及验证和遮罩

    javascript增加和删除table行及验证和遮罩 javascript增加和删除table行及验证和遮罩 javascript增加和删除table行及验证和遮罩

    给 Table 增加行的 JavaScript 函数

    标题 "给 Table 增加行的 JavaScript 函数" 暗示了我们要讨论的是如何在 HTML 表格(Table)中动态添加行的方法,这是一个常见的前端开发任务,尤其是在构建数据展示或者用户交互的网页应用时。JavaScript 作为...

    动态增加table行

    在网页开发中,动态增加table行是一项常见的需求,特别是在数据展示和交互丰富的应用中。这个功能使得用户可以在表格中实时添加、编辑或删除数据行,提供了更好的用户体验。下面将详细解释这一技术及其相关知识点。 ...

    添加删除TABLE行

    javascript添加删除table行

    常用的js动态增加(删除)table数据行的功能

    在JavaScript中,动态地添加或删除表格数据行是常见的需求,尤其在开发交互式Web应用时。本篇文章将深入探讨如何实现这些功能,并提供相关的源码示例。 首先,我们来了解一下HTML表格的基本结构。一个表格由`&lt;table...

    JS 动态增加table

    在JavaScript中,动态增加table是一种常见的操作,尤其在网页交互和数据展示中。在这个场景中,我们看到的代码是用于JSP页面上的一个功能,它允许用户动态添加表格行(`&lt;tr&gt;`)到已有表格中。以下是相关知识点的详细...

    JS 实现Table相同行的单元格自动合并示例代码

    如果相同,那么就删除当前行的单元格,并将前一行单元格的`rowSpan`属性增加1。`rowSpan`属性定义了单元格可以跨越多少行。此过程会持续进行,直到遇到一个值与前一行不同的单元格为止。当这种情况发生时,当前的值...

    LayUI table新增空白行

    在这种情况下,通过对LayUI的table模块进行自定义修改,我们可以实现动态数据加载时插入空白行的功能。 首先,理解LayUI的table模块。LayUI的table组件是一个强大的数据展示工具,它支持各种操作,如分页、排序、...

    一个动态添加table行的js例子

    首先,我们来理解这个“动态添加table行的js例子”的核心知识点。 1. **DOM操作**:动态添加和删除HTML元素,如表格的行(`&lt;tr&gt;`),需要用到DOM(Document Object Model)接口。JavaScript通过DOM可以访问和修改...

    table动态增加删除行列

    使用javascript实现table动态增加删除行列。

    js实现漂亮的table表格

    本教程将详细介绍如何利用JavaScript (JS) 和 Cascading Style Sheets (CSS) 技术来创建一个漂亮且实用的table表格。 **一、HTML基础表格结构** 首先,我们需要在HTML文档中创建基本的表格结构。一个简单的表格由`...

    js对Table排序经典

    在JavaScript(js)中,对HTML表格(Table)进行排序是一项常见的需求,特别是在网页交互和数据展示中。本文将深入探讨如何使用JavaScript实现点击表头进行动态排序,并处理各种复杂情况,如包含HTML标签的单元格、...

    JS example:点击按钮table增加一行,删除一行

    这篇博客“JS example:点击按钮table增加一行,删除一行”提供了具体的示例,帮助开发者掌握这一技能。 首先,让我们理解基本概念。HTML表格由`&lt;table&gt;`元素定义,`&lt;tr&gt;`元素表示表格行,`&lt;td&gt;`元素表示单元格,而...

    table行增加.zip

    首先,我们来理解"table行增加"的概念。在网页上,HTML表格由`&lt;table&gt;`、`&lt;tr&gt;`(行)、`&lt;td&gt;`(单元格)等元素组成。动态增加行通常涉及到JavaScript或者jQuery的使用,因为纯HTML无法实现这种交互性功能。在给定的...

Global site tag (gtag.js) - Google Analytics