表格里不能这样用div啊,你在<tr>前加点文本你就会发现div根本不在你希望的位置上
改用隐藏表格行吧

解决方案 »

  1.   

    <%@ page contentType="text/html;charset=gb2312"%>
    <%@ page import="java.util.*,otherbean.MountGuardBean;"%>
    <html>
    <head>
    <title>查询结果</title>
    <link href="js/style_IE.css" rel="stylesheet" type="text/css">
    </head>
    <%Iterator it = (Iterator) request.getAttribute("myit");%><body onload="">
    <SCRIPT language=JavaScript src="js/head.js" 
    type=text/JavaScript></SCRIPT>
    <script language="javascript"> 
    function exportExcel(){ } 
    </script> 
    <script>
    function showMenu(){
     document.getElementById("menu1").style.display="";
     document.getElementById("menu1").focus();
    }
    function hideMenu(){
     document.getElementById("menu1").style.display="none";
    }
    </script><table align="center" class="maintable" width="800" ID="Table1">
    <form name="myform" ID="Form1">
    <tr>
    <td align="center">查询结果</td>
    </tr>
    <tr>
    <td><hr></td>
    </tr>
    <tr>
    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="mountguardqry.jsp">再查询</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;



    </td>
    </tr>
    <tr>
    <td>
    <table align="center" width="800" border="0" ID="Table2">

    <tr bgColor="#C0C0C0">
    <td>ID</td>
    <td>工号</td>
    <td>姓名</td>
    <td>入职时间</td>
    <td>录入时间</td>
    <td>修改</td>
    </tr>
    <% 
    while(it.hasNext()){ MountGuardBean bean = (MountGuardBean) it.next();

    %>

    <tr>
    <td><%=bean.getInfoid()%></td>
    <td><%=bean.getUserid()%></td>
    <td><%=bean.getUsername()%></td>
    <td><%=bean.getMountdate()%></td>
    <td><%=bean.getInputdate()%></td>
    <td><a href="javascript: showMenu();void(0);">修改</a></td>

    </tr>
    </table>
                 <div onblur="hideMenu();" style="border:#555 2px outset;padding:10px;display:none;" id="menu1" tabIndex=0>
                 <table>
      <tr>
    <input type="hidden" name="infoid" value='<%=bean.getInfoid()%>' ID="Hidden1"/>
    <td style="width:10%" class="m1" align="right">工号</td>
      <td><input type="text" name="recordid" value='<%=bean.getUserid()%>' readonly ID="Text1"/></td>
    <td style="width:15%" class="m1" align="right">姓名</td>
      <td><input type="text" name="recordid" value='<%=bean.getUsername()%>' readonly ID="Text2"/></td>
                  </tr><tr>
    <td style="width:20%" class="m1" align="right">入职时间</td>
      <td><input type="text" name="recordid" value='<%=bean.getMountdate()%>' readonly ID="Text3"/></td>
    <td><input type="submit" value="保存" ID="Submit1" NAME="Submit1"/></td>
    <td><input type="button" value="删除" onclick="mountGuardDel('<%=bean.getInfoid()%>')" ID="Button1" NAME="Button1"/></td>
                  </tr>
    </table>
      </div> <%}%>
               

    </table>
    </td>
    </tr>
    </form>
    </table>
    <SCRIPT language=JavaScript src="js/bottom.js" 
    type=text/JavaScript></SCRIPT>
    </body>
    </html>
    div放在table之间
      

  2.   

    不能这么做alert(document.body.innerHTML)
    alert(document.getElementById("menu1").outerHTML)看看就知道了
      

  3.   

    html中的标签并不是可以随意嵌套的,比如,你就不能在select标签里写一个textarea出来
    <select><textarea></textarea></select> select只希望有option子项,也只能解释option子项
    表格也一样,你可以用tbody,tr,td,th,thead,tfoot等(当然也要有一定的层次关系).但是放个div进去(td里除外)是没法处理的,表格不支持这样的写法
      

  4.   

    <table>
    <tr>
    <td>
    <!--div放在这里也就是TD里,是应该可以控制的-->
    <div>
    ...
    </div>
    </td>
    </table>
      

  5.   

    CutBug,就像他们说的那样格式会出问题的。
    我在问一下大家,难道就没有解决办法了么?
    我就是想查询出所有记录以后,单击一条记录,该记录下面就出现该条的明细,仅此而已。
    希望高人指教
      

  6.   

    有办法,你可以把你的div放到点击行的下一行<tr>里(而不是直接写一个div),但隐藏它(行),点击显示,再点击隐藏
      

  7.   

    <%@ page contentType="text/html;charset=gb2312"%>
    <%@ page import="java.util.*,otherbean.MountGuardBean;"%>
    <html>
    <head>
    <title>查询结果</title>
    <link href="js/style_IE.css" rel="stylesheet" type="text/css">
    </head>
    <%Iterator it = (Iterator) request.getAttribute("myit");%><body onload="">
    <SCRIPT language=JavaScript src="js/head.js" 
    type=text/JavaScript></SCRIPT>
    <script language="javascript"> 
    function exportExcel(){ } 
    </script> 
    <script>
    function showMenu(){
     document.getElementById("menu1").style.display="";
     document.getElementById("menu1").focus();
    }
    function hideMenu(){
     document.getElementById("menu1").style.display="none";
    }
    </script><table align="center" class="maintable" width="800">
    <form name="myform">
    <tr>
    <td align="center">查询结果</td>
    </tr>
    <tr>
    <td><hr></td>
    </tr>
    <tr>
    <td>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href="mountguardqry.jsp">再查询</a>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;



    </td>
    </tr>
    <tr>
    <td>
    <table align="center" width="800" border="0">
    <tbody>

    <tr bgColor="#C0C0C0">
    <td>ID</td>
    <td>工号</td>
    <td>姓名</td>
    <td>入职时间</td>
    <td>录入时间</td>
    <td>修改</td>
    </tr>
    <% 
    while(it.hasNext()){ MountGuardBean bean = (MountGuardBean) it.next();

    %>

    <tr>
    <td><%=bean.getInfoid()%></td>
    <td><%=bean.getUserid()%></td>
    <td><%=bean.getUsername()%></td>
    <td><%=bean.getMountdate()%></td>
    <td><%=bean.getInputdate()%></td>
    <td><a href="javascript: showMenu();void(0);">修改</a></td>

    </tr>             <span onblur="hideMenu();" style="border:#555 2px outset;padding:10px;display:none;" id="menu1" tabIndex=0><table>
      <tr>
    <input type="hidden" name="infoid" value='<%=bean.getInfoid()%>'/>
    <td style="width:10%" class="m1" align="right">工号</td>
      <td><input type="text" name="recordid" value='<%=bean.getUserid()%>' readonly/></td>
    <td style="width:15%" class="m1" align="right">姓名</td>
      <td><input type="text" name="recordid" value='<%=bean.getUsername()%>' readonly/></td>
                  </tr><tr>
    <td style="width:20%" class="m1" align="right">入职时间</td>
      <td><input type="text" name="recordid" value='<%=bean.getMountdate()%>' readonly/></td>
    <td><input type="submit" value="保存" /></td>
    <td><input type="button" value="删除" onclick="mountGuardDel('<%=bean.getInfoid()%>')"/></td>
                  </tr>
    </table>
      </span> <%}%>
               
    </tbody>

    </table>
    </td>
    </tr>
    </form>
    </table>
    <SCRIPT language=JavaScript src="js/bottom.js" 
    type=text/JavaScript></SCRIPT>
    </body>
    </html>这个是方法一(就事论事)。
    方法二是动态加入HTML。