5.添加删除行

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>无标题文档</title>
 6 <script type="text/javascript">
 7 function addRow(){
 8     var table=document.getElementById("mytable");
 9     var rowindex=table.rows.length;
10   var row=table.insertRow(rowindex);
11         row.insertCell(0).innerHTML="3";
12         row.insertCell(1).innerHTML="4";
13 }
14 function delRow(){
15     var table=document.getElementById("mytable");
16     var rowindex=table.rows.length;
17      table.deleteRow(rowindex-1);
18 }
19 function delCell(){
20     var table=document.getElementById("mytable");
21     var rowindex=table.rows.length;
22      table.rows[rowindex-1].deleteCell(0);
23 }
24 </script>
25 </head>
26
27 <body>
28 <input type="button" value="删除一行" onclick="delRow()"/>
29 <input type="button" value="添加一行" onclick="addRow()"/>
30 <input type="button" value="单元格一行" onclick="delCell()"/>
31 <table id="mytable" border="1">
32    <tr><td>1</td><td>2</td></tr>
33 </table>
34 </body>
35 </html>
时间: 2024-08-28 08:13:00

5.添加删除行的相关文章

jQuery可以计算的表单,包括单选改变价格,select改变价格,动态添加删除行计算

jQuery可以计算的表单,包括单选改变价格,select改变价格,动态添加删除行计算 各种表单情况的计算 演示 JavaScript Code <script type="text/javascript"> var currentRow = 3; $(document).ready(function(){ $('#calx').calx(); $('#add_item').click(function(){ var $calx = $('#calx'); currentR

html表格动态添加删除行(有后台操作)

<HTML> <TITLE>Form Object example</TITLE> <HEAD> <script language="javascript"> function delrow1() { var oElement=event.srcElement; while(oElement.tagName!="TR") { oElement=oElement.parentElement; } var oT

模拟excel添加删除行或列,同时渲染各个tr td的id,以做取值进行各种运算.

此控件是模拟excel进行添加删除行或者列.同时可以进行各单元格之间的运算,比如=SUM(A1,A3)就表示相加,操作跟excel类似, html代码如下: js代码如下: 1 $("#event_table tbody,#event_div").bind("contextmenu",function(e){ //禁止鼠标右击弹出菜单 2 return false; 3 }); 4 $(document).mousedown(function(e){ //左击任意位

添加删除行

<!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/xh(www.111cn.net)tml"><head><meta http-equiv=&q

javascript添加删除行信息

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="StuInfo.aspx.cs" Inherits="StuManager.StuInfo" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat=&quo

ext4 grid edit 添加删除行

extjs--grid动态添加一行和删除一行: (1)选择rowEditing时,添加一行后的编辑方式为----startEdit(record,columnHeader) (2)选择cellEditing时,添加一行后的编辑方式为----startEditByPosition(object position) Ext.onReady( function() { var store=Ext.create('Ext.data.Store', { fields:['id','name','email

jq 表格添加删除行

直接可以使用::::::::::::::::::::::::::::::<script type="text/javascript"> var rowCount=0; //行数默认1行 //添加行 function addRow(){ rowCount++; var newRow=' <tr id="option"'+rowCount+' class="q'+rowCount+'"><td> <a cla

【转】为Xcode添加删除行、复制行快捷键

原文网址:http://www.jianshu.com/p/cc6e13365b7e 在使用eclipse过程中,特喜欢删除一行和复制一行的的快捷键.而恰巧Xcode不支持这两个快捷键,再一次的恰巧让笔者发现了一个小窍门来增加这两个快捷键,以下是步骤: 修改权限 修改Xcode里快捷键的配置文件(plist)权限,打开终端输入如下两条命令: sudo chmod 666 /Applications/Xcode.app/Contents/Frameworks/IDEKit.framework/Re

js动态添加删除行,兼容ie和火狐

<!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="Content-Typ