关于table

to 阿信
您能给实现一下吗？
1.设个全局的变量，onfocus="tem=parentNode.parentNode.rowIndex"，将行号给tem变量，再删行table1.deleteRow(tem)
2.document.activeElement.parentNode.parentNode.rowIndex;//行号
按钮的onclick改为onmousedown

解决方案 »

  1.   

    使用window.srcElement取得需要的行，或者是用elementFromPoint取得也可以如果你的表格是使用javascript，另外你可以通过setExpression来设置id和name对于初始化的表格，我就按照你给出的代码给你写function SetAutoID(){
       for(var i=table1.rows.length;i++){
             var row=table1.rows[i];
             row.setExpression("id","this.rowIndex);
             for (var j=0;j<row.cells.length;i++){
                 var cell=row.cells[j];
                 var oInput=cell.children(0);
                 oInput.setExpression("name","\"td_\"+this.parentElement.parentElement.rowIndex +\"_\"+this.parentElement.cellIndex")         }
       }
    }
    日后你删除以后，name和id就可以自动修改，你可以测试一下，有问题可以参考setExpression或者问我
      

  2.   

    to  liuruhong(蓝色街灯)
    这是一个从库里取出的表，不能用javascript来实现创建表，现在删除我已经实现了，只是删除后修改input的name还未实现，还请各位帮忙想想
      var colcount = table1.rows[0].cells.length;
      for(i=row;i<=table1.rows.length;i++)
      {
        for(j=0;j<colcount;j++){
          table1.rows[i].cells[j].firstChild.Name = "td_" + i + "_" + j;
        }
      }
    这样实现不了
    怎么样修改td中的input的name
      

  3.   

    你将下面的代码拷贝，然后在你本地运行，应该可以全部实现你需要的效果，至于input的name,在运行的时候你可以看status的内容，我将name的值打到那里了，为了方面，我使用了setExpression，使用动态的方法自动修改内容，不过效率好像有点问题，如果怕这个影响，你大不了重新循环一遍
    ----------------------------------------------------------------<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <html>
    <head>
    <title></title>
    <meta name="GENERATOR" content="Microsoft Visual Studio .NET 7.1">
    <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
    <script>

    var curIndex=-1;
    function Init(){
    for(var i=0;i<table1.rows.length;i++){
    var row=table1.rows[i];
    row.setExpression("id","this.rowIndex");
    for(var j=0;j<row.cells.length;j++){
    var cell=row.cells[j];
    var oInput=document.createElement("input")
    oInput.style.cssText="width:100;background:translate";
    //oInput.name="td_"+ i +"_" +j;
    oInput.value= i+"-" +j;
    oInput.setExpression("name","GenerateName(this)");
    oInput.attachEvent("onfocus",ShowInfo);
    oInput.attachEvent("onblur",ClearInfo);
    cell.appendChild(oInput);
    }
    }
    }
    function ShowInfo(){
    var e=window.event.srcElement
    var tr=e.parentElement.parentElement;

    if(curIndex>=0){
    table1.rows[curIndex].bgColor="";
    }
    e.style.backgroundColor="white";
    curIndex=tr.rowIndex;
    tr.bgColor="graytext";
    window.status =e.name;
    }
    function ClearInfo(){
    window.status ="";
    window.event.srcElement.style.backgroundColor="";
    }
    function GenerateName(eSrc){
    return "td_"+ eSrc.parentElement.parentElement.rowIndex +"_"+ eSrc.parentElement.cellIndex;
    }

    function DeleteRow(){
    if(curIndex>0){
    table1.deleteRow(curIndex);
    curIndex=-1;
    }
    }
    </script>
    </head>
    <body onload ="Init()">
    <TABLE id="table1" WIDTH="300" BORDER="0" CELLSPACING="0" CELLPADDING="0">
    <TR>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    </TR>
    <TR>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    </TR>
    <TR>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    </TR>
    <TR>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    </TR>
    <TR>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    </TR>
    <TR>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    </TR>
    <TR>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    </TR>
    <TR>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    </TR>
    <TR>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    </TR>
    <TR>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    <TD></TD>
    </TR>
    </TABLE>
    <button onclick="DeleteRow()">删除</button>
    </body>
    </html>