Javascript 未捕获类型错误：无法设置属性'；src&x27；ImageButton的空值

我搜索过类似的问题，但没有找到适合我的

我想在特定条件下（t>80）更改ImageButton的ImageURL，但得到的是未捕获的TypeError:无法将属性“src”设置为null。我的

代码是：

    $(document).ready(function () {
           //doing other stuffs
        setInterval(function () {

                         $(".industrial.tank.size.one").each(function () {
                            $(this).industrial(t);

                            if (t > 80) {

                                // document.getElementById('btnV11').ImageURL = "~/Images/Valve/Valve-gray-left.png";
                                document.getElementById('btnV11').src = "../../Images/Valve/Valve-gray-left.png";           
                        });  
        }, 3000);
    });

在

中：

---

为什么会出现此错误？

id将不同于您在服务器端代码中设置的id。将

btnV11

替换为

$（文档）.ready（函数（）{
//做其他事情
setInterval（函数（）{
$（“.industrial.tank.size.one”）。每个（功能（）{
美元。工业（t）；
如果（t>80）{
//document.getElementById（'btnV11'）.ImageURL=“~/Images/Valve/Valve gray left.png”；
document.getElementById（“”）.src=“../../Images/Valve/Valve gray left.png”；
});  
}, 3000);
});

如果ImageButton位于内容页中，则DomButton未按照您的建议找到id。谢谢！

<asp:ImageButton ID="btnV11" runat="server" Height="51px" ImageUrl="~/Images/Valve/Valve-alarm-left.gif" Width="53px" OnClientClick="ShowControlPanel_P11(); return false;"/> 

$(document).ready(function () {
           //doing other stuffs
        setInterval(function () {

                         $(".industrial.tank.size.one").each(function () {
                            $(this).industrial(t);

                            if (t > 80) {

                                // document.getElementById('btnV11').ImageURL = "~/Images/Valve/Valve-gray-left.png";
                                document.getElementById('<%= btnV11.ClientID %>').src = "../../Images/Valve/Valve-gray-left.png";           
                        });  
        }, 3000);
    });