七郎's JavaBlog
草木竹石皆可為劒。至人之用人若鏡,不將不迎,應而不藏,故能勝物而不傷。
posts - 60, comments - 14, trackbacks - 0, articles - 0
導航
BlogJava
首頁
新隨筆
管理
隨筆分類
ajax
Ejb(2)
ext
java
oracle
PM
QA
Thought(1)
隨筆檔案
2008年11月 (2)
2008年8月 (5)
2008年7月 (9)
2008年6月 (5)
2008年5月 (1)
2008年4月 (2)
2008年3月 (1)
2007年11月 (1)
2007年8月 (2)
2007年7月 (3)
2007年6月 (1)
2007年5月 (1)
2007年4月 (25)
最新隨筆
1.?郎咸平:未來和下一代很悲慘,我都不想講了
2.?eclipse中ext的插件安裝說明
3.?JSP直連各類數據庫大全
4.?點擊隱藏行 div tbody
5.?JavaScript使用技巧精萃
6.?iframe自適應高度
7.?IE自帶的網頁過渡特效
8.?0x00000....藍屏
9.?etElementByID getElementsByName getElementsByTagName的區別和總結
10.?JS 動態增加刪除表格
搜索
最新評論
1.?re: Hibernate+Oracle+CLOB的讀寫問題
不行啊··
--天梯圖
2.?re: Hibernate+Oracle+CLOB的讀寫問題
啟動就報類型錯誤····
--天梯圖
3.?re: GROUP BY and HAVING用法
評論內容較長,點擊標題查看
--likydba
4.?re: 關于“Internet Explorer無法打開站點,已終止操作”
太感謝了,解決了我的問題
--yujiaao
5.?re: 關于“Internet Explorer無法打開站點,已終止操作”
不知道如何操作?
--磊
閱讀排行榜
1.?GROUP BY and HAVING用法(9405)
2.?關于“Internet Explorer無法打開站點,已終止操作”(5815)
3.?SQL語句里將字符串轉換數字類型(5619)
4.?ORACLE數據庫分頁查詢/翻頁 最佳實踐(3750)
5.?hibernate中clob處理 (1931)
評論排行榜
1.?關于“Internet Explorer無法打開站點,已終止操作”(10)
2.?Hibernate+Oracle+CLOB的讀寫問題 (2)
3.?GROUP BY and HAVING用法(1)
4.? JSP+TOMCAT下載rar附件出現亂碼的解決方法~ (1)
5.?[整理]SQL語句學習手冊實例版 (0)
JS 動態增加刪除表格
Posted on 2008-07-17 15:15
七郎歸來
閱讀(1767)
評論(0)
編輯
收藏
<
HTML
>
<
HEAD
>
<
script
language
="javascript"
>
//
--------------------------刪除行開始--------------------------------------
function
DeleteRow(obj)
{
//
刪除行
//
index插入的位置
alert(
"
Table1的行數:
"
+
obj.rows.length
+
"
\n
"
+
"
Table1的列數:
"
+
obj.rows(
0
).cells.length);
if
(obj.rows.length
>
1
)
{
obj.deleteRow(obj.rows.length
-
1
);
}
}
//
--------------------------刪除行結束--------------------------------------
//
--------------------------插入行開始--------------------------------------
function
InsertRow(obj)
{
//
插入行
//
index插入的位置
alert(
"
Table1的行數:
"
+
obj.rows.length
+
"
\n
"
+
"
Table1的列數:
"
+
obj.rows(
0
).cells.length);
var
oTr
=
obj.insertRow(obj.rows.length);
oTr.style.height
=
21
var
oTd
for
(j
=
0
;j
<
obj.rows(
0
).cells.length;j
++
)
{
oTd
=
oTr.insertCell(j)
oTd.innerText
=
"
"
//
" "
}
}
//
--------------------------插入行結束--------------------------------------
//
--------------------------插入列開始--------------------------------------
function
InsertCol(obj)
{
var
oTd
for
(j
=
0
;j
<
obj.rows.length;j
++
)
{
oTd
=
obj.rows(j).insertCell(obj.rows(j).cells.length);
oTd.innerText
=
"
"
//
" "
}
}
//
--------------------------插入列結束--------------------------------------
//
--------------------------刪除列開始--------------------------------------
function
DeleteCol(obj)
{
alert(Table1.rows(
0
).cells.length);
for
(j
=
0
;j
<
Table1.rows.length;j
++
)
{
if
(Table1.rows(j).cells.length
>
1
)
{
Table1.rows(j).deleteCell(Table1.rows(j).cells.length
-
1
);
}
}
}
//
--------------------------刪除列結束--------------------------------------
//
--------------------------更改表格文字開始--------------------------------------
function
showinput()
{
elm
=
event.srcElement;
if
(elm.tagName
!=
"
TD
"
)
return
;
elm.innerHTML
=
"
<input onblur='hide()' value='
"
+
elm.innerText
+
"
' style='text-align:center;width:100%;border-width: 0px;' name='input1' id='input1'></input>
"
;
document.all.item(
"
input1
"
).focus();
document.all.item(
"
input1
"
).select();
}
function
hide()
{
elm
=
event.srcElement;
elm.parentNode.innerHTML
=
elm.value
}
//
--------------------------更改表格文字結束--------------------------------------
//
function document.onmousedown(){
//
alert(event.keyCode);
//
}
</
script
>
<
TITLE
>
Lion互動網絡=》動態添加修改表格(行、列、內容)
</
TITLE
>
</
HEAD
>
<
BODY
>
<
INPUT
onclick
="DeleteRow(Table1)"
type
="button"
value
="刪除行"
ID
="Button1"
NAME
="Button1"
>
<
INPUT
onclick
="InsertRow(Table1)"
type
="button"
value
="插入行"
ID
="Button2"
NAME
="Button2"
><
BR
>
<
INPUT
onclick
="DeleteCol(Table1)"
type
="button"
value
="刪除列"
ID
="Button3"
NAME
="Button3"
>
<
INPUT
onclick
="InsertCol(Table1)"
type
="button"
value
="插入列"
ID
="Button4"
NAME
="Button4"
></
P
>
<
P
><
asp:datagrid
id
="ID_Grid"
onclick
="showinput()"
runat
="server"
Width
="100%"
AutoGenerateColumns
="False"
></
asp:datagrid
>
Table1:
<
TABLE
id
="Table1"
onclick
="showinput()"
cellSpacing
="1"
cellPadding
="1"
width
="300"
border
="1"
>
<
TR
>
<
TD
>
d
</
TD
>
<
TD
>
c
</
TD
>
<
TD
>
a
</
TD
>
</
TR
>
<
TR
>
<
TD
>
a
</
TD
>
<
TD
>
b
</
TD
>
<
TD
>
c
</
TD
>
</
TR
>
</
TABLE
>
</
BODY
>
</
HTML
>
新用戶注冊
刷新評論列表
只有注冊用戶
登錄
后才能發表評論。
網站導航:
博客園
IT新聞
Chat2DB
C++博客
博問
管理
Powered by:
BlogJava
Copyright © 七郎歸來
主站蜘蛛池模板:
涪陵区
|
南和县
|
九龙县
|
九龙坡区
|
泗水县
|
红桥区
|
信宜市
|
客服
|
盐城市
|
新干县
|
泗水县
|
牡丹江市
|
扬中市
|
南康市
|
新民市
|
织金县
|
茶陵县
|
健康
|
陕西省
|
梁平县
|
扶余县
|
荣昌县
|
塘沽区
|
张家港市
|
区。
|
柳河县
|
五华县
|
辽宁省
|
日照市
|
惠水县
|
柯坪县
|
同仁县
|
调兵山市
|
苗栗县
|
凉城县
|
青浦区
|
永年县
|
论坛
|
台中县
|
师宗县
|
松潘县
|