Question

我的页面上有两个ImageButtons。点击一个，我想隐藏它并显示另一个。我目前的代码是：

var button_mute = document.getElementsByID("ImageButtonMute");
var button_unmute = document.getElementsByID("ImageButtonUnmute");

    function mute() {
        vid_left.mute();
        vid_right.mute();

        button_mute.style.display = "block";
        button_unmute.style.display = "none";
    }

    function unmute() {
        vid_left.unMute();
        vid_right.unMute();

        button_mute.style.display = "none";
        button_unmute.style.display = "block";
    }


<asp:ImageButton ID="ImageButtonMute" runat="server" 
        ImageUrl="~/icons/volume_mute_small.png" OnClientClick="mute()" />
    <asp:ImageButton ID="ImageButtonUnmute" runat="server" 
        ImageUrl="~/icons/volume_unmute_small.png" OnClientClick="unmute()" />

我没有在后面的代码中引用，我不确定为什么这不起作用。感谢任何帮助。谢谢。

Answer 1

使用此选择：

var button_mute = document.getElementsByID('<%= ImageButtonMute.ClientID %>');
var button_unmute = document.getElementsByID('<%= ImageButtonUnmute.ClientID %>');

这应该有效！

使用Javascript在点击时隐藏ImageButton

1 个答案: