在客户端点击隐藏div

Question

试图让这个div消失,似乎没有做我期望它做的事情,我哪里出错了？

它不会消失.

使用Javascript:

<script type="text/javascript">

function Show_Hide_Display() {

    var div1 = document.getElementById("checkAvailability");

        if (div1.style.display == "" || div1.style.display == "block") {
            div1.style.display = "none";
        }
        else {
            div1.style.display = "block";
        }

    return false;
}    

</script>

HTML:

<div runat="server" id="checkAvailability">
    <asp:LinkButton OnClientClick="Show_Hide_Display()" ID="lbtnCheckAvailability"     runat="server" CausesValidation="true" OnClick="lbtnCheckAvailability_Click">Check availability
    </asp:LinkButton>
</div>

我希望按钮能够隐藏自己.

Answer 1

将您的行更改为:

var div1 = document.getElementById("<%=checkAvailability.ClientID%>");

原因是当在客户端呈现checkAvailability控件时,它可能具有或不具有相同的id(checkAvailability),因为asp.net将其id添加到容器控件或其他逻辑的id之前.

这<%=checkAvailability.ClientID%>将始终为您提供客户端的实际ID.