七郎'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用法(9404)
2.?關于“Internet Explorer無法打開站點,已終止操作”(5815)
3.?SQL語句里將字符串轉換數字類型(5618)
4.?ORACLE數據庫分頁查詢/翻頁 最佳實踐(3750)
5.?hibernate中clob處理 (1930)
評論排行榜
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
七郎歸來
閱讀(1766)
評論(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 © 七郎歸來
主站蜘蛛池模板:
平谷区
|
田东县
|
江北区
|
嘉禾县
|
卓尼县
|
万源市
|
阿勒泰市
|
郸城县
|
邵阳市
|
延长县
|
尉犁县
|
栾城县
|
东乡族自治县
|
昔阳县
|
广南县
|
涟源市
|
德安县
|
崇州市
|
彭泽县
|
福海县
|
克山县
|
枣强县
|
武隆县
|
历史
|
仪征市
|
比如县
|
呼伦贝尔市
|
忻城县
|
乐东
|
松江区
|
平远县
|
合阳县
|
博湖县
|
新平
|
广西
|
张北县
|
家居
|
外汇
|
汝南县
|
花垣县
|
博爱县
|