DANCE WITH JAVA

開發出高質量的系統

隨筆分類(277)

隨筆檔案(238)

閱讀排行榜

常用鏈接

統計

隨筆 - 239
文章 - 0
評論 - 664
引用 - 0

積分與排名

積分 - 986108
排名 - 34

好友之家

javascript 動態添加刪除控件

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> New Document </TITLE>

</HEAD>

<BODY>

var i = 0,j = 0; //行號與列號

var oNewRow ; //定義插入行對象

var oNewCell1,oNewCell2; //定義插入列對象

//添加條件行

function AddRow()

{

i = document.all.MyTable.rows.length;

oNewRow = document.all.MyTable.insertRow(i);

oNewRow.id = j;

//添加第一列

oNewCell1 = document.all.MyTable.rows[i].insertCell(0)

oNewCell1.innerHTML = "<input type='text' id='Value" + j + "'"+" size='14' value=\"\">";

//添加第二列

oNewCell2 = document.all.MyTable.rows[i].insertCell(1)

oNewCell2.innerHTML ="<input type=button name=Del" + j + " value='刪除當前行'"+"onClick='DelCurrentRow(" + j + ");'>";

j++;

}

//刪除行

function DelCurrentRow(j)

{

with(document.all.MyTable)

{

for (var i=0;i<rows.length;i++)

{

if (rows[i].id == j)

{

deleteRow(i);

}

</script>

動態添加HTML元素

</div>

<br>

<table style="border:0px;" cellpadding=0 cellspacing=0

align="center">

<tr>

</tr>

</table>

<table style="border:0px;" cellpadding=0 cellspacing=0

align="center" class="TableBody" id="MyTable" border="0">

</table>

<table style="border:0px;" cellpadding=0 cellspacing=0

align="center">

<tr>

</td>

</tr>

</table>

</form>

</BODY>

</HTML>

posted on 2007-09-14 09:39 dreamstone 閱讀(6470) 評論(1) 編輯收藏所屬分類: 片段、腳本語言javascript


只有注冊用戶登錄后才能發表評論。




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: html in mms or fetch remote media in mms(彩信中能否自動訪問遠程資源) javascript 關聯列表的實現(簡單的和復雜的) javascript 動態添加刪除控件最簡單的ajax實現 javascript兩種漸變效果進度條的實現 vb script實現殺掉進程 javascript 禁止輸入、禁止粘帖、禁止拖放、禁止輸入法 javascript 格式化數字用vbscript來重寫javascript js轉換中把10進制數字轉換成16進制

# re: javascript 動態添加刪除控件 2008-06-02 09:37 `

DANCE WITH JAVA

導航

隨筆分類(277)

隨筆檔案(238)

閱讀排行榜

常用鏈接

統計

積分與排名

好友之家

最新評論

javascript 動態添加刪除控件

評論