JavaScript-将图像源更改为gif？！asp.net

作为asp.net项目的一部分，我在.ascx文件中有以下代码。如何编写JavaScript将图像源更改为gif

<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="Steps123.ascx.cs" Inherits="SwintonTaxiWeb.UserControls.Steps123" %>

<div id="slickShow">

    <div class="<%=stepOneDivClass %>">
            <asp:ImageButton runat="server" ID="GetQuote" 
                CssClass="imgBut swapImage {src: '/images/Quote-Oval-button-(roll-over).png'}"
                ImageUrl="/images/Quote-Oval-button.png" AlternateText="Get Quote" TabIndex="1" />
    </div>
    <div id="rollOver">
        <img src="/images/Roll-over-to-view-steps-two-and-three.png" alt="Roll over to view steps 2 and 3" />
    </div>
    <div id="slideContainer">
        <div class="step-two">
            <asp:ImageButton runat="server" ID="GetCallback" 
                CssClass="swapImage {src: '/images/Call-back-button-(roll-over).png'}" 
                ImageUrl="/images/Call-back-button.png" AlternateText="Get Callback" Width="69" 
                Height="44" TabIndex="2" />
        </div>
        <div class="step-three">
            <fieldset>
                <asp:TextBox CssClass="postcode" ID="postcode" runat="server" TabIndex="0" /><asp:ImageButton runat="server" 
                    ID="go" CssClass="go" ImageUrl="/images/Go-button.png" AlternateText="Go" onclick="Go_Click" TabIndex="1" />
            </fieldset>      
        </div>
    </div>
</div>

---

仅使用JavaScript就可以：

var image = document.getElementById('ctl00_MainContent_tester_GetQuote');
image.src = [path to gif];

您还可以使用jQuery通过类（或其他选择器，如果需要）获取元素：

---

我喜欢jQuery。

仅使用JavaScript即可：

var image = document.getElementById('ctl00_MainContent_tester_GetQuote');
image.src = [path to gif];

您还可以使用jQuery通过类（或其他选择器，如果需要）获取元素：

我喜欢jQuery。

类似于

document.getElementById("ctl00_MainContent_tester_GetQuote").src = "myImage.gif";

如果您想保持动态，可以使用myControl.ClientId代替“ctl00\u MainContent\u tester\u GetQuote”。

类似于

document.getElementById("ctl00_MainContent_tester_GetQuote").src = "myImage.gif";

---

如果希望保持动态，可以使用myControl.ClientId代替“ctl00\u MainContent\u tester\u GetQuote”。

最简单的方法如下

 document.getElementById('ctl00_MainContent_tester_GetQuote').src = 'mygifsrc.gif';

---

但在这种情况下，id是ASP.Net生成的id，您可能无法指望它不会在您身上改变。我通常的解决方法是找到一个容器（比如div，但不是自定义控件的一部分），然后从那里调用

getElementsByTagName（）

之类的函数来查找所需的元素。但由于你没有分享你周围的html，我还不能给你一些我知道有用的东西

最简单的方法是这样

 document.getElementById('ctl00_MainContent_tester_GetQuote').src = 'mygifsrc.gif';

---

但在这种情况下，id是ASP.Net生成的id，您可能无法指望它不会在您身上改变。我通常的解决方法是找到一个容器（比如div，但不是自定义控件的一部分），然后从那里调用

getElementsByTagName（）

之类的函数来查找所需的元素。但由于你没有分享你周围的html，我还不能给你一些我知道有用的东西

感谢Charlie Boy我是stackoverflow的新手，所以我还在学习它的工作原理：）感谢Charlie Boy我是stackoverflow的新手，所以我还在学习它的工作原理：）感谢Joel，我是javascript的新手，因为我主要是photoshop的设计师。我已经更新了我的脚本。你能告诉我新代码应该放在哪里吗？非常感谢Hanks Joel，我在javascript方面有点新手，因为我主要是photoshop的设计师。我已经更新了我的脚本。你能告诉我新代码应该放在哪里吗？非常感谢汉克斯·乔什，这是正确的吗？当我把它放在我的头上时，似乎什么都没有发生//ie6 png fix var image=document.getElementById（'GetQuote'）；image.src=[/images/Quote椭圆形按钮-（roll-over.gif]；这很难理解，因为它不是代码格式的，但看起来需要将[/images/Quote Oval button-（roll-over.gif]中的括号替换为“/images/Quote Oval button-（roll-over.gif”[path to gif]表示整个对象，例如字符串。谢谢Josh，这是正确的吗？当我把它放在我的标题中时，似乎什么都没有发生//ie6 png fix var image=document.getElementById（'GetQuote'）；image.src=[/images/Quote椭圆形按钮-（roll-over.gif]；这很难理解，因为它不是代码格式的，但看起来需要将[/images/Quote Oval button-（roll-over.gif]中的括号替换为“/images/Quote Oval button-（roll-over.gif”[path to gif]表示整个对象，例如字符串。