insertRow

来源：互联网发布：拓扑结构优化现状编辑：程序博客网时间：2024/06/03 12:29

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script type="text/javascript" >
    function insertrow()
    {

    var row=tab.insertRow(tab.rows.length-1);
   // alert("1");
    var i=row.rowIndex;
    var cell=row.insertCell(0);
    cell.innerHTML= " <input type='text' name='fno' size=3 maxlength=12>";
    cell=row.insertCell(1);
    cell.className="cell";
    cell.innerHTML="my inner";
    cell=row.insertCell(2);
    cell.innerHTML="<a href='javascript:delrow()' id='aa'>yangwenwu</a>";
    }
    function delrow()
    {

      var obj= aa.parentNode.parentNode.parentNode.parentNode;
      //obj.rows.length

      if(obj.style.display=="none"){
            obj.style.display=""
            }else{
            obj.style.display="none"
            }

    }
    </script>
    <style type="text/css">
    .cell
    {
    color:#0099FF;
    }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <div id="div1">
<font size="20" >setup</font>
<table id="tab">
<tr id="row1"><td>1</td><td>2</td><td>3</td></tr>
<tr><td>4</td><td>5</td><td>6</td></tr>
<tr><td>7</td><td>8</td><td>9</td></tr>
<tr><td>
      </td><td></td><td></td></tr>
</table>
    </div>
    <input id="Button1" type="button" value="button" onclick="insertrow()" />
    </form>
</body>
</html>