七郎's JavaBlog

草木竹石皆可為劒。至人之用人若鏡，不將不迎，應(yīng)而不藏，故能勝物而不傷。

posts - 60, comments - 14, trackbacks - 0, articles - 0

JS 動態(tài)增加刪除表格

Posted on 2008-07-17 15:15 七郎歸來閱讀(1766) 評論(0) 編輯收藏

<HTML>

<HEAD>

//--------------------------刪除行開始--------------------------------------

function DeleteRow(obj){

//刪除行

//index插入的位置

alert("Table1的行數(shù):"+obj.rows.length+"\n"+"Table1的列數(shù):"+obj.rows(0).cells.length);

if(obj.rows.length>1)

{

obj.deleteRow(obj.rows.length-1);

}

//--------------------------刪除行結(jié)束--------------------------------------

//--------------------------插入行開始--------------------------------------

function InsertRow(obj){

//插入行

//index插入的位置

alert("Table1的行數(shù):"+obj.rows.length+"\n"+"Table1的列數(shù):"+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=" " //" "

}

//--------------------------插入行結(jié)束--------------------------------------

//--------------------------插入列開始--------------------------------------

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=" " //" "

}

//--------------------------插入列結(jié)束--------------------------------------

//--------------------------刪除列開始--------------------------------------

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);

}

//--------------------------刪除列結(jié)束--------------------------------------

//--------------------------更改表格文字開始--------------------------------------

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

}

//--------------------------更改表格文字結(jié)束--------------------------------------

//function document.onmousedown(){

// alert(event.keyCode);

//}

</script>

<TITLE>Lion互動網(wǎng)絡(luò)=》動態(tài)添加修改表格（行、列、內(nèi)容）</TITLE>

</HEAD>

<BODY>

<P><asp:datagrid id="ID_Grid" onclick="showinput()" runat="server" Width="100%" AutoGenerateColumns="False"></asp:datagrid>Table1:

<TR>

</TR>

<TR>

</TR>

</TABLE>

</BODY>

</HTML>

新用戶注冊刷新評論列表


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




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問管理

七郎's JavaBlog

導(dǎo)航

隨筆分類

隨筆檔案

最新隨筆

搜索

最新評論

閱讀排行榜

評論排行榜

JS 動態(tài)增加刪除表格