Question

我搜索过类似的问题，但我找不到适合我的东西。

我想在某个条件下更改ImageButton的ImageURL（t> 80），但我得到的是 Uncaught TypeError：无法设置属性'src'为null 。我的<head>代码是：

    $(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);
    });

和<body>：

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

为什么我会收到此错误？

Answer 1

id与您在服务器端代码中设置的ID不同。将btnV11替换为<%= btnV11.ClientID %>

$(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);
    });

未捕获的TypeError：无法为ImageButton设置null的属性'src'

1 个答案: