Question

如何使用javascript更改图像按钮的Imageurl？

Answer 1

document.getElementById("<%= imageButton.ClientId %>").src = "...";

Answer 2

document.getElementById("id-of-image-button").src = "...";

Answer 3

使用jQuery：

$("#<%= imageButton.ClientId %>").attr("src", "...");

Answer 4

嗨，如果您尝试在鼠标悬停或任何其他事件上更改图片网址，非常简单，请尝试此操作，

<asp:ImageButton ID="test"  ImageUrl="~/images/Your_old_image" onmouseover="this.src='images/your_new_image';" onmouseout="this.src='images/your_old_image';" runat="server" />

您也可以在onclient事件中使用它....

通常我们在asp：imagebutton上没有onmouseover和onmouseout事件。但我们可以包含...

我希望这会有所帮助......

Answer 5

    function ChangeImage() {

        var img = document.getElementById('<%=ImageButton1.ClientID%>');
        img.src = 'Images/drag.gif';            
        return false;
    }    


    <asp:ImageButton ID="ImageButton1" runat="server" />        
    <asp:Button ID="Button1" runat="server" OnClientClick="return ChangeImage()"
        Text="Button" />

它为我工作

如何使用javascript更改imagebutton的Imageurl？

5 个答案: