2016-03-22 10 views
1

私は同様の質問を検索しましたが、私のために何かを見つけることができませんでした。Uncaught TypeError:ImageButtonにヌルの 'src'プロパティを設定できません。

特定の条件(t> 80)でImageButtonのImageURLを変更したいのですが、取得する内容はです。キャッチしないTypeError:nullのプロパティ 'src'を設定できません。私<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;"/> 

私はこのエラーが出るのはなぜ?

+0

によって

document.getElementById('btnV11').src = "../../Images/Valve/Valve-gray-left.png";

のImageButtonは、その後、idはDOM – anomepani

答えて

2

idは、サーバー側のコードで設定したものとは異なる場合があります。置き換え<%= 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); 
    }); 
+0

では見られないコンテンツページ内に配置されている場合あなたが提案したように働いた。ありがとうございました! – Ionut

+1

あなたは歓迎です –

-2

あなたはjQueryの

を使用してこれを行うことができてbtnV11を置き換える

$("#btnV11").attr("ImageUrl","../../Images/Valve/Valve-gray-left.png"); 
+1

(1)JavaScriptがそのidを持つ要素を見つけることができない場合は、どうしてjQuery(JavaScriptはどちらですか? (2)HTML要素に 'ImageUrl'とは何ですか? – David

+0

レンダリング後のASPコードの使い心地はわかりません。 –

+0

@FayazK ImageUrlはimgの属性ではないため、機能しません – anomepani

関連する問題