<
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 οnblur='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 >
< 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 οnblur='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 >