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 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)

相关推荐

  • 动态表格Table类的实现

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

  • 删除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'),

  • 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

  • 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

  • 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

  • 使用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

  • 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操作table(insertRow,deleteRow,insertCell,deleteCell方法详解)

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

  • jQuery操作Table技巧大汇总

    本文汇总了jQuery操作Table的技巧.分享给大家供大家参考,具体如下: 1.鼠标移动行变色 方法一:jQuery中的hover(fun(),fun())方法,参数一:第一个方法是添加样式功能,参数二:第二个方法是取消样式功能 $("#table1 tr").hover(function(){ $(this).children("td").addClass("hover") },function(){ $(this).children(&qu

  • Android操作SQLite数据库(增、删、改、查、分页等)及ListView显示数据的方法详解

    Android操作SQLite数据库(增、删、改、查、分页等)及ListView显示数据的方法详解

    本文实例讲述了Android操作SQLite数据库(增.删.改.查.分页等)及ListView显示数据的方法.分享给大家供大家参考,具体如下: 由于刚接触android开发,故此想把学到的基础知识记录一下,以备查询,故此写的比较啰嗦: 步骤如下: 一.介绍: 此文主要是介绍怎么使用android自带的数据库SQLite,以及把后台的数据用ListView控件显示 二.新建一个android工程--DBSQLiteOperate 工程目录: 三.清单列表AndroidManifest.xml的配置

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

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

  • js实现对table的增加行和删除行的操作方法

    如下所示: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Co

随机推荐