国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

JS動態添加Table的TR,TD實現方法

2019-11-20 13:18:11
字體:
來源:轉載
供稿:網友

本文實例講述了JS動態添加Table的TR,TD實現方法。分享給大家供大家參考。具體實現方法如下:

復制代碼 代碼如下:
<html> 
<head>
<title></title>
<SCRIPT language="JavaScript">
var tempRow=0;
var maxRows=0;
function insertRows(){
tempRow=table1.rows.length-1;
maxRows=tempRow;
tempRow=tempRow+1;
var Rows=table1.rows;//類似數組的Rows
var newRow=table1.insertRow(table1.rows.length);//插入新的一行
var Cells=newRow.cells;//類似數組的Cells
for (i=0;i<2;i++)//每行的7列數據
{
var newCell=Rows(newRow.rowIndex).insertCell(Cells.length);
newCell.align="center";
switch (i)
{
case 0: newCell.innerHTML="<td valign='top'>corpName</TD>"; break;
case 1 : newCell.innerHTML="<td valign='top'><a href='javascript:delTableRow(/""+tempRow+"/")'>刪除</a></TD>"; break;
}
}
maxRows+=1;
}
function delTableRow(rowNum){
if (table1.rows.length >rowNum){
table1.deleteRow(rowNum);
}
}
</SCRIPT>
</head>
<body>
<form action="">
<table border="0" cellspacing="0" cellpadding="0" width="98%" align="center">
<tr valign="top">
<th>
<input value="添加" type="button" onclick="insertRows()">
</th>
</tr>
</table>
<br />
<table border="1" width="98%" align="center" id="table1">
<tr>
<th >企業名稱</th>
<th>操作<th>
</tr>
</table>
</form>
</body>
</html>

希望本文所述對大家的javascript程序設計有所幫助。

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 旺苍县| 南昌县| 秦安县| 怀来县| 威信县| 应城市| 霍邱县| 和政县| 洱源县| 敦煌市| 准格尔旗| 旺苍县| 江川县| 祁连县| 安平县| 阜新| 思南县| 边坝县| 天峨县| 盐边县| 定襄县| 大埔县| 怀仁县| 探索| 西峡县| 棋牌| 和龙市| 葵青区| 安庆市| 且末县| 苏尼特左旗| 平顺县| 昆山市| 安阳县| 郸城县| 泰州市| 钦州市| 健康| 浮山县| 高唐县| 定安县|