title: How to disable div blocks having a certain id pattern?
body: <p>I would like to write a greasemonkey script to disable a div on a certain page.
  On any given load of the page I don't know where in the DOM the div will be but I know it's always called <code>&lt;div id = "alertPanel"&gt; ....&lt;/div&gt;</code></p>
  
  <p>How would I go about disabling this div? </p>
  
  <p>My intial thoughts were something along the lines of:</p>
  
  <pre><code>var myDivs= document.getElementsByTagName('div');
  
  for (i=0; i&lt;myDivs.length; i++)
  {
  
    if (myDivs[i].&lt;get id property somehow&gt; = "alertPanel")
       myDivs[i].style.visibility = 'hidden';
   }
  </code></pre>
  
  <p>but as you can tell I'm stuck at accessing the id property for an equality check.</p>
  
  <p>Incidently, I'm using a text editor to write this - I guessing that a standard javascript editor would give an autocompletion list after typing in <code>myDivs[i].</code></p>