javascript - 如何通过javascript在asp.net中将按钮设置为隐藏后使其折叠？

Question

我的asp.net页面上有3个连续的按钮，我使用javascript将中间的按钮(ButtonSR)设置为不可见，但通过这样做，我也希望它下面的按钮取代它的位置而不是留下一个空白的空间。这是我的这三个按钮的 ASP.NET 代码:

            <li class="dropdown">
              <a href="#" class="dropdown-toggle" data-toggle="dropdown">Editing <b class="caret"></b></a>
              <span class="dropdown-arrow"></span>
              <ul class="dropdown-menu">
                <li><a href="#" id="ButtonLR" class="btn btn-inverse" style="font-weight:bold; color:white">&nbsp Load Resources</a></li>
                <li><asp:Button ID="ButtonSR" Text="Save Resources " runat="server" CssClass="btn btn-inverse" onclick="ButtonSR_Click" /></li>
                <li><a href="#" id="historyBtn" class="btn btn-inverse" style="font-weight:bold; color:white">&nbsp History</a></li>
              </ul>
            </li>

这是我的 javascript，用于将按钮设置为不可见:

 document.getElementById('ButtonSR').style.visibility = 'hidden';

将 ButtonSR 设置为不可见后，如何使 HistoryBtn 在 javascript 中取代 ButtonSR 的位置，以避免页面上出现空白？

Answer 1

用这个

document.getElementById('ButtonSR').style.display="none"; 

以下是有关 visibility:hidden 和 display:none 之间差异的更多信息 What is the difference between visibility:hidden and display:none?