title: hide an image in javascript using its src
body: <p>I have an image defined as following:</p>
  
  <pre><code>&lt;div id="logo" class="exhibit-flowingFacet"&gt;
    &lt;div class="wrapper"&gt;
      &lt;img src="path/to/the/image/logo.png"&gt;
      &lt;/img&gt;
    &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want with a javascript get the image by its src and hide it.</p>
  
  <pre><code>function hideImage() { 
    if (document.getElementById() 
    {
      if (document.getElementById('logo').getElementsByClassName('wrapper').src=="path/to/the/image/logo.png")
      {
        document.style.visibility = 'hidden';
      }  
    }
  };
  
  hideImage();
  </code></pre>
  
  <p>But the code didn't work!! any idea?</p>