DreamAngel
如果你希望成功，以恒心為良友，以經驗為參謀，以小心為兄弟，以希望為哨兵。

隨筆 - 147 文章 - 71 trackbacks - 0

<

2009年2月

>

日

一

二

三

四

五

六

25

26

27

28

29

30

31

1

6

8

9

10

13

17

18

19

20

21

22

24

26

1

2

3

4

5

6

7

我的其它Blog：
www.cppblog.com/dreamangel/
blog.csdn.net/fjnu_angel/

常用鏈接

留言簿(1)

隨筆分類(146)

隨筆檔案(147)

文章分類(28)

文章檔案(28)

喜歡的Blog

搜索

閱讀排行榜

評論排行榜

table的動態插入和刪除

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

"http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<title>無標題文檔</title>

function addRow(src) {

// alert(src);

var newrow = src.insertRow(src.rows.length - 1);

newrow.height = 20;

var i = 4;

while (i--) {

var newcell = newrow.insertCell();

switch (i) {

case 0 :

newcell.innerHTML = '<input type="button" onClick="javascript:delRow(this.parentElement.parentElement)" value="刪除此行">';

break;

default :

newcell.innerHTML = div1.innerHTML;

break;

}

function delRow(src) {

var tab = src.parentElement;

var i = tab.rows.length;

while (i--) {

if (src == tab.rows[i]) {

alert("就是這行----" + i);

tab.deleteRow(i);

}

</script>

</head>

<body>

<table id="tb" width="100%" border="1" align="center" cellpadding="1"

cellspacing="1" style="border-collapse:collapse"

bordercolor="#111111">

<tr>

奶類

</th>

數量

</th>

總重

</th>

單價

</th>

</tr>

<td>

</td>

<td>

</td>

<td>

</td>

<td>

</td>

</tr>

</table>

<input id="txt" type="text"

style="width:97%; background-color:#FFFFEF">

</div>

</body>

</html>

posted on 2009-02-28 10:16 飛翔天使閱讀(259) 評論(0) 編輯收藏所屬分類: javascript

常用鏈接

留言簿(1)

隨筆分類(146)

隨筆檔案(147)

文章分類(28)

文章檔案(28)

喜歡的Blog

搜索

最新評論

閱讀排行榜

評論排行榜