zoukankan
html css js c++ java
[Javascript]Table模版操作
<!
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"
>
<
html
>
<
head
>
<
title
></
title
>
<
meta
name
="GENERATOR"
content
="Microsoft Visual Studio .NET 7.1"
>
<
meta
name
="vs_targetSchema"
content
="http://schemas.microsoft.com/intellisense/ie5"
>
<
script
language
="javascript"
>
var
objTable;
function
PageLoad()
{
objTable
=
document.getElementById(
"
tbNew
"
);
//
找到操作Table
}
function
tdvalue()
{
var
objTempRow
=
objTable.rows[
0
];
//
找到Table的模版行
var
objNewRow
=
objTable.insertRow( objTable.rows.length );
//
在Table的末尾新增一行
objNewRow.id
=
objTable.rows.length
-
1
;
//
以模版行建立新行内容
for
(
var
i
=
0
; i
<
objTempRow.cells.length ; i
++
)
{
var
objNewCell
=
objNewRow.insertCell( i );
objNewCell.innerHTML
=
objTempRow.cells[i].innerHTML;
}
}
function
DeleteTableRow()
{
if
( objTable.rows.length
-
1
>
0
)
{
objTable.deleteRow(objTable.rows.length
-
1
);
}
else
{
//
}
}
window.onload
=
PageLoad;
</
script
>
</
head
>
<
body
>
<
form
id
="Form1"
name
="Form1"
>
<
input
id
="btnInsert"
name
="btnInsert"
type
="button"
onclick
="tdvalue()"
value
="添加新行"
/>
<
input
id
="btnDelete"
name
="btnDelete"
type
="button"
onclick
="DeleteTableRow()"
value
="删除末行"
/>
</
form
>
<
TABLE
id
="tbNew"
cellSpacing
="1"
cellPadding
="1"
width
="100%"
border
="1"
>
<!--
此处为模版行
-->
<
TR
>
<
TD
><
input
id
="txtData_1"
name
="txtData_1"
type
="text"
value
=""
/></
TD
>
<
TD
><
input
id
="txtData_2"
name
="txtData_2"
type
="text"
value
=""
/></
TD
>
<
TD
><
input
id
="txtData_3"
name
="txtData_3"
type
="text"
value
=""
/></
TD
>
</
TR
>
<!--
------------
-->
</
TABLE
>
</
body
>
</
html
>
查看全文
相关阅读:
NTP服务编译安装报错:/usr/bin/ld: cannot find –lcap
NTP服务编译安装报错:ntpd.c:124:29: 致命错误:sys/capability.h:没有那个文件或目录
yum运行报错:/usr/lib64/python2.7/site-packages/pycurl.so: undefined symbol: CRYPTO_num_locks
yum运行报错:libcurl.so.4: cannot open shared object file: No such file or directory
Xftp工具连接 报错: 无法与 “ 目标IP ” 连接
yum运行报错:File "/usr/libexec/urlgrabber-ext-down", line 28
webkit content-type missing in HTTP
快速排序算法中选择“基准“点的方法
数据结构与算法--归并排序
数据结构与算法--拓扑排序
原文地址:https://www.cnblogs.com/HD/p/153192.html
最新文章
【eslint】eslint踩坑日记
【转发】axios 是如何封装 HTTP 请求的
git 操作
解决
[转发]Grid布局指南
npm 常用命令
解决对框架程序集 有间接依赖关系 的问题。
vsCode 基础配置
Vlc.DotNet.Wpf,播放rtsp视频,
【Python3】随机字符串
热门文章
[编程题] 四则运算
Charles重装/移植---保持配置和证书不变
archlinux字体发虚
[编程题] 进制转换(16进制转10进制)
[编程题] 明明的随机数
[编程题] 汽水瓶
webbench简单的性能压力测试工具
音频工具kaldi部署及模型制作调研学习
内核升级在线安装报错:Could not retrieve mirrorlist http://mirrors.elrepo.org/mirrors-elrepo-kernel.el7 error was14: curl#6
RPM命令执行失败:bash: rpm: 未找到命令...
Copyright © 2011-2022 走看看