本帖最后由 CatSlayer 于 2012-02-29 00:10:58 编辑

解决方案 »

  1.   

      <script type="text/javascript">
           function init(){
             var input = document.getElementsByTagName("input")[0];
             var td=input.parentNode;
             var tr = input.parentNode.parentNode;
             var ptr= input.parentNode.parentNode.parentNode;
             var newinput= document.createElement("input");
             var newtd=document.createElement("td");
             var newtr=document.createElement("tr");
             newtd.appendChild(newinput);
             newtr.appendChild(newtd);
             input.onclick=function(){
               ptr.insertBefore(newtr,tr); 
             };
           } 
          
    </script>
       
      </head>
      
      <body onload="init()">
     <table>
      <tr>
        <td><input type="text" /></td>
      </tr>
    </table>
    </body>
    这个是点击input后,在tr前加一个tr(这个tr里也有input)
      

  2.   


     <table id="myTable2" style="width:650px;">
         <tr>
             <td style="width:95px;">序号</td>
             <td>评分</td>
             <td style="width:70px;">满分</td>
             <td>评分标准</td>
             <td style="width:60px;">通过性审查</td>
             <td style="width:60px;">重要参数</td>
           </tr>
           <tr class="tabContent">
             <td>
                <input type="checkbox" id="CKA" />
                <input type="text" class="checkTxt" />
              </td>
              <td>
                 <input type="text" id="showMenu" ondblclick="showChild()" />
              </td>
              <td>
                 <input type="text" class="checkTxt" id="score" />
              </td>
              <td>
                 <input type="text" class="txt" />
              </td>
              <td>
                 <input type="checkbox"/>
              </td>
              <td>
                  <input type="checkbox" />
               </td>
            </tr>
     </table>刚刚是有点没说清楚。
    是通过ondblclick="showChild()",然后在鼠标旁边跳出一个这个来,
    然后再在你点击鼠标这个tr这行前面或后面添加一行一模一样的tr出来~~~