Javascript 删除表格行时的滚动问题

Javascript 删除表格行时的滚动问题,javascript,html,Javascript,Html,我有以下HTML代码: <tr id="cv643" ondblclick="onCVE(643)"> <td colspan="2"> <a onclick="btnCVA(41,643)" href="#"> Actions <span class="badge badgew">2</span> </a> </td> <td>Confirm

我有以下HTML代码:

<tr id="cv643" ondblclick="onCVE(643)">
  <td colspan="2">
    <a onclick="btnCVA(41,643)" href="#">
      Actions  
      <span class="badge badgew">2</span>
    </a>
  </td>
  <td>Confirm Appointment</td>
  <td>29-12-2015</td>
  <td style="color: red">12-01-2016</td>
  <td style="color: red">Pending</td>
  <td colspan="2"></td>
</tr>
单击“操作”按钮时,btnCVA会在下面创建一行,该行具有recCVA结构,该行包含一个子表,该子表在[thead]上有一个按钮,用于调用HIDECVA,从而删除recCVA tr结构:

<tr id="recCVA">
  <td></td>
  <td colspan="7">
    <table id="tblCVA" class="table table-condensed">
      <thead id="Q643">
        <tr class="lpinfo">
          <th></th>
          <th>Action</th>
          <th>Date</th>
          <th>User</th>
          <th>Recipient</th>
          <th>Due Date</th>
          <th>Status</th>
          <th>Note</th>
          <th style="text-align:right">
            <button id="addCVA" class="btn btn-info btn-xs" onclick="btnCVAA(643)">Add Action</button>
            <button class="btn btn-info btn-xs" onclick="onHideCVA()">- </button>
          </th>
        </tr>
      </thead>
      <tbody>
        (Lots of trs)
    </table>

行动
日期
使用者
收件人
到期日
地位
注
添加操作
- 
(大量trs)
所以有一个来自btnCVA的对onHideCVA的调用,在内部按钮上有一个对onHideCVA的直接调用。 在页面大于屏幕的情况下,如果我单击直接调用onHideCVA的按钮,recCVA行将被删除,页面不会滚动。正是我想要的。如果单击btnCVA a链接,将间接调用onHideCVA,该行将被删除,但页面将滚动到顶部。不是我想要的。 我想不出来。调用onHideCVA直接删除该行,而不删除任何内容。通过btnCVA间接调用onHideCVA会删除该行,但会滚动到页面顶部。非常混乱

火狐40.0.3


有什么帮助吗?谢谢埃里克。

标签在哪里?它在桌子的上面吗?@PA它在上层桌子的一行之内。。。所以基本上是。。。。上面的每一行都将调用btnCVA,在该行下添加一行,该行具有recCVA结构,这是一个子表。onHideCVA将删除创建的行。请编辑问题以包含html代码
<tr id="recCVA">
  <td></td>
  <td colspan="7">
    <table id="tblCVA" class="table table-condensed">
      <thead id="Q643">
        <tr class="lpinfo">
          <th></th>
          <th>Action</th>
          <th>Date</th>
          <th>User</th>
          <th>Recipient</th>
          <th>Due Date</th>
          <th>Status</th>
          <th>Note</th>
          <th style="text-align:right">
            <button id="addCVA" class="btn btn-info btn-xs" onclick="btnCVAA(643)">Add Action</button>
            <button class="btn btn-info btn-xs" onclick="onHideCVA()">- </button>
          </th>
        </tr>
      </thead>
      <tbody>
        (Lots of trs)
    </table>