title: Need to set 1 span's style to display:block on page load for an image gallery made up of span's set to display:none
body: <p>i have some javascript in the head of a page that controls an image gallery where the user clicks a thumbnail image and a larger image and some text are revealed in a span. there are 10 of these thumbnails per page and i need to find out how to set the 1st thumbnail's hidden span to "block" on page load.</p>
  
  <hr>
  
  <pre><code>&lt;script type="text/javascript"&gt;
  function hideSpan(spanName) {
  
  var obj = document.getElementById(spanName);
  obj.style.border="0px";
  obj.style.color="#fff";
  obj.style.display="none";
  obj.style.left="333px";
  obj.style.padding="0";
  obj.style.position="absolute";
  obj.style.top="55px";
  obj.style.width="244px";
  }
  
  function showSpan(spanName) {
  
  var spanEl, count = 1;
  while(spanEl = document.getElementById('link' + count++)){
  spanEl.style.display = 'none';
  }
  
  var obj = document.getElementById(spanName);
  obj.style.display="block";
  }
  
  &lt;/script&gt;
  </code></pre>
  
  <hr>
  
  <p>any help with this is VERY appreciated thank you.</p>