title: Change(toggle) image of a html button on mouse click (in Internet Explorer)
body: <p>I have a HTML button with image which toggles image in every click. this is the method i use to set the class on each click and according to the current class image is displayed.</p>
  <pre><code>function FullScreenToggle(el){
      if(el.className!=&quot;ns&quot;)
      {
          el.className=&quot;ns&quot;;
      }
      else if(el.className==&quot;ns&quot;)
      {
          el.className=&quot;fs&quot;;
      }
      
  return false;
  
  }
  </code></pre>
  <p>This works fine on chrome and Firefox, problem here is this doesn't work on IE, even the button do not appear, Its really helpful if someone can give me tip to make this work on IE, Thanks in advance.</p>
  <h2>Update</h2>
  <p>my html</p>
  <pre><code> &lt;button class=&quot;fullScreen&quot; data-dojo-type=&quot;dijit.form.Button&quot; onclick=&quot;FullScreenToggle(this);&quot; id=&quot;butFullScreen&quot;&gt;
                                  &lt;input type=&quot;image&quot; class=&quot;ns&quot; onclick=&quot;FullScreenToggle(this);&quot; value=&quot;&quot; /&gt;
  </code></pre>
  <p>CSS</p>
  <pre><code>.claro #butFullScreen .ns{
      background-image: url(&quot;images/fullScreen.png&quot;);
  }
  .claro #butFullScreen .fs{
      background-image: url(&quot;images/fullScreenExit.png&quot;);
  }
  </code></pre>