javascript完整操作Table的增加行，删除行的列子大全

Form Object example

function delrow1()

{

var oElement=event.srcElement;

while(oElement.tagName!="TR")

{

oElement=oElement.parentElement;

}

var oTBody=oElement.parentElement;

oTBody.removeChild(oElement)

}

function delrow2()//刪除当前行

{

var currRowIndex=event.srcElement.parentNode.parentNode.rowIndex;

document.all.yltable.deleteRow(currRowIndex);//table10--表格id

}

function insertrow1() //增加的一行方法1

{

var newnode = document.getElementById('yltable').lastChild.cloneNode(true);

document.getElementById('yltable').appendChild(newnode);

}

function insertrow2() //增加的一行方法2

{

newRow=document.all.yltable.insertRow(-1);

var j_1 = document.all.yltable.rows.length;

newcell=newRow.insertCell();

newRow.bgColor='#FFFFFF';

newcell.align='center';

newcell.innerHTML=""+j_1+"";

newcell=newRow.insertCell() ;

newRow.bgColor='#FFFFFF';

newcell.align='center';

newcell.innerHTML="";

newcell=newRow.insertCell() ;

newRow.bgColor='#FFFFFF';

newcell.align='center';

newcell.innerHTML=' ';

document.all.yltable.focus();

}

function inserttable()

{

var newnode = document.getElementById('yltable').cloneNode(true);

document.getElementById('ylform').appendChild(newnode);

}



1

2

3

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

赞 (0)

相关推荐

  • JQuery动态给table添加、删除行 改进版

    复制代码 代码如下: <html> <head> <title> </title> <script src="js/jquery-1.4.2_min.js" type="text/javascript"></script> <script type="text/javascript" language="javascript"> var row

  • 删除Table表中的重复行的方法

    删除Table表中的重复行的方法

    利用SQL Server 2005的新功能NOW_NUMBER和CTE可以很好的实现. 举例说明如下: 建立测试数据: 复制代码 代码如下: create table Dup1 ( Col1 int null, Col2 varchar(20) null ) insert into Dup1 values (1, 'aaa'), (2, 'aaa'), (2, 'aaa'), (2, 'aaa'), (3, 'bbb'), (3, 'bbb'), (4, 'ccc'), (4, 'ddd'),

  • 动态表格Table类的实现

    复制代码 代码如下: /// <reference path="Lib.js" /> /// <reference path="DabaBinder.js" /> //引入DataBinder.js include("DataBinder.js"); /* <table border="1"> <thead><tr> <th></th> <

  • javascript完整操作Table的增加行，删除行的列子大全

    Form Object example function delrow1() { var oElement=event.srcElement; while(oElement.tagName!="TR") { oElement=oElement.parentElement; } var oTBody=oElement.parentElement; oTBody.removeChild(oElement) } function delrow2()//刪除当前行 { var currRowI

  • javescript完整操作Table的增加行，删除行的列子大全

    Form Object example function delrow1() { var oElement=event.srcElement; while(oElement.tagName!="TR") { oElement=oElement.parentElement; } var oTBody=oElement.parentElement; oTBody.removeChild(oElement) } function delrow2()//刪除当前行 { var currRowI

  • 使用jQuery给Table动态增加行、清空table的方法

    使用jQuery给Table动态增加行的代码如下所示: JS方法如下: $(document).ready(function(){ getFrjl(); $('#addFrjl').click(function(){ var trHTML = '<tr class = "frjlClass">'+ '<td>'+ '从<s:textfield onClick="WdatePicker();" cssStyle="width:1

  • javascript操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)

    insertRow() 方法 定义和用法 insertRow() 方法用于在表格中的指定位置插入一个新行. 语法 tableObject.insertRow(index) 返回值 返回一个 TableRow,表示新插入的行. 说明 该方法创建一个新的 TableRow 对象,表示一个新的 <tr> 标记,并把它插入表中的指定位置. 新行将被插入 index 所在行之前.若 index 等于表中的行数,则新行将被附加到表的末尾. 如果表是空的,则新行将被插入到一个新的 <tbody>

  • javascript js 操作数组 增删改查的简单实现

    函数定义 Array.prototype.indexOf = function(val) { for (var i = 0; i < this.length; i++) { if (this[i] == val) return i; } return -1; }; Array.prototype.remove = function(val) { var index = this.indexOf(val); if (index > -1) { this.splice(index, 1); } }

  • javascript 操作table的特性

    javascript操作table的特性 hello Cell 1,1 Cell 2,1 Cell 1,2 Cell 2,2 [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 可以直接点击页面的任何部分即可看到效果.

  • JS增加行复制行删除行的实现代码

    复制代码 代码如下: var customerInfoMethod ={  //复制增加行  copyrow:function(obj,id)  {  var rowIndex=obj.parentNode.parentNode.rowIndex;  var resrow=document.getElementById(id);  rowIndex--;  var newRow=resrow.cloneNode(true);//document.createElement("tr");

  • pandas删除行删除列增加行增加列的实现

    创建df: >>> df = pd.DataFrame(np.arange(16).reshape(4, 4), columns=list('ABCD'), index=list('1234')) >>> df A B C D 1 0 1 2 3 2 4 5 6 7 3 8 9 10 11 4 12 13 14 15 1,删除行 1.1,drop 通过行名称删除: df = df.drop(['1', '2']) # 不指定axis默认为0 df.drop(['1',

  • JavaScript针对网页节点的增删改查用法实例

    JavaScript针对网页节点的增删改查用法实例

    本文实例讲述了JavaScript针对网页节点的增删改查用法.分享给大家供大家参考.具体分析如下: 一.基本概念 这部分也就是所谓的"HTML DOM",所谓HTML DOM也就是Web页面加载规则,是一个规则,也就是网页组成的基本公式. 也就是所有网页都必须按照:<html><body></body></html>--的规则编写,也按照这样的规则加载. 所谓的"网页节点",也叫"DOM节点"的通俗

  • JQuery实现表格动态增加行并对新行添加事件

    实现功能: 通常在编辑表格时表格的行数是不确定的,如果一次增加太多行可能导致页面内容太多,反应变慢:通过此程序实现表格动态增加行,一直保持最下面有多个空白行. 效果: 一:原始页面 二:表1增加新行并绑定timepicker 三:表2自动增加行,新行绑定timepicker HTML源码: <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-

随机推荐