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
>
查看全文
相关阅读:
Lining.js
stdmap 用 at() 取值,如果 key 不存在,不好意思,程序崩溃。QMap 用 value()取值,如果 key 不存在,不会崩溃,你还可以指定默认值
任正非:美国通信产业失败,不要归罪于华为的崛起(创业过程:前端替客户考虑,后端及时回款建立信誉)
草根站长赚不到钱的六大原因(失败的理由却只有一个,那就是你不够努力)
记一次构建SaaS平台项目失败后的反思(收集的客户需求太少,且没有区分重点,闭门造车。技术演变要渐进)
Qt源码分析之QObject
Mongodb索引用B树,而Mysql用B+树
开源工作流elsa-core
ExpressionTree实现JSON解析器
分析Ajax爬取
原文地址:https://www.cnblogs.com/HD/p/153192.html
最新文章
编译生成.NET Core Framework遇到的问题
30个宏伟的酒厂和葡萄园网站设计
华丽的设计,20个免费的图标字体
使用 jQuery & CSS3 制作美丽的照片画廊
在网站设计中非常有用的10款在线生成工具
12个来自 Codrops 的创新交互和动画效果
基于 jQuery 实现的精致作品集图片导航效果
Image Wall
介绍移动应用程序功能的模板【免费下载】
ZOOM
热门文章
BonBon
Wami Map Project – 开源的 OSM API 服务
L20n – Mozilla 推出的 Web 本地化框架
使用 CSS3 & jQuery 制作漂亮的书签动画
【精心挑选】帮助你实现元素动画的6款插件
Rotating Image Slider
Julius JS – 最流行的网页语音识别库
Elastislide
Apple Watch PSD 源文件【免费素材下载】
学习使用 jQuery & CSS3 制作照片堆栈效果
Copyright © 2011-2022 走看看