title: Get control properties with javascript in firefox
body: <p>I'm trying to access control's properties and although it works great in <code>IE6</code>, in FF3, it fails.  I'm doing:</p>
  
  <pre><code>alert(document.getElementById(gridViewCtlId).style.display);
  alert(document.getElementById(gridViewCtlId).style);
  </code></pre>
  
  <p>And the first one shows a blank popup while the second shows <code>'undefined'</code>.</p>
  
  <p>I do </p>
  
  <pre><code>alert(document.getElementById(gridViewCtlId).id);
  </code></pre>
  
  <p>and I get the proper ID of the box along with:</p>
  
  <pre><code>alert(document.getElementById(gridViewCtlId));
  </code></pre>
  
  <p>and I get that in an HTML table.</p>
  
  <p>This works perfectly in IE but not FF.  What do I need to do to get this functioning?</p>
  
  <p>Edit: gridViewCtlId is defined as:</p>
  
  <pre><code>var gridViewCtlId = '&lt;%=GridView.ClientID%&gt;';
  </code></pre>
  
  <p>Here is the full code:</p>
  
  <pre><code>var itemVisible= '&lt;%=ItemVisible.ClientID%&gt;';
  
  function onGridViewRowSelected(rowIdx)
  {
      alert(document.getElementById(gridViewCtlId).style.display);
      alert(document.getElementById(gridViewCtlId).style);
      if (document.getElementById(gridViewCtlId).disabled == false)
      {
          alert("hi1");
          var selRowCCA = getSelectedRow(rowIdx);
          if (curSelRow != null)
          {   
              alert("hi2");
              var previousRow = getSelectedRow(previousRowIndx);
  
              var CountIdx = previousRowIndx % 2;
              if (document.getElementById(itemVisible) == null)
              {
                  if (CountIdx == 0)
                  {
                      alert("hi");
                      previousRow.style.backgroundColor = 'Silver';
                  }
                  else
                  {
                      previousRow.style.backgroundColor = 'White';
                  }
              }
          }
  
          if (null != selRow)
          {
              alert("new");
              previousRowIndx = rowIdx;
              curSelRow = selRow;
              selRow.style.backgroundColor = 'Red';
          }
      }
  }
  </code></pre>
  
  <p>It's pretty much an onClick where I have to call that function to turn it back to its original color (using alternating color rows).  IE, this works fine.  If i do the first alert</p>
  
  <pre><code>alert(document.getElementById(gridViewCtlId).disabled);
  </code></pre>
  
  <p>I would get either true or false.
  The reason it's like this is because someone is going to enter something in a text box and the first <code>gridview</code> is going to populate depending on whats in that <code>textbox</code>.  Then when someone selected something in the first gridview, that <code>gridview</code> is going to become disabled and then populate a second.  So i'm having an issue checking for the disabled part of the <code>gridview</code>.</p>