如何使按钮折叠后设置为隐藏在asp.net中的javascript

How to make button collapse after set it to hidden in asp.net by javascript?

本文关键字：asp net 中的 javascript 隐藏 按钮 何使 折叠 设置      更新时间：2023-09-26

我有3个按钮在一行在我的asp.net页面上，我使用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';

我如何使historyBtn采取ButtonSR的地方在javascript设置ButtonSR不可见后，为了避免空白的空间在我的页面?

使用

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

下面是关于visibility: hidden和display:none的更多信息可见性:隐藏和显示:无之间的区别是什么?

我很确定通过使用jquery .hide()代替javascript的样式。Visibility ='hidden'按钮不会留下空白

假设你有可用的jquery比如:

$('#ButtonSR').hide();
相关文章：