title: .getElementById IE
body: <p>I've got a JavaScript running 2 <code>".getElementById('').style"</code> changes. Both work perfectly in FF, but the first one doesn't work in IE7.</p>
  
  <p>Appreciate all help :)</p>
  
  <p>First SourceCode:</p>
  
  <pre><code>function ingen() {
      document.getElementById('merInfo1').style.display='none';
      document.getElementById('merInfo2').style.display='none';
      document.getElementById('merInfo3').style.display='none';
      document.getElementById('merInfo4').style.display='none';
      document.getElementById('merInfo5').style.display='none';
      document.getElementById('merInfo6').style.display='none';
      document.getElementById('merInfo7').style.display='none';
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;span class="enkeltSkjema" id="avtaleInput"&gt;
      &lt;select name="radio1" id="radio1"&gt;
          &lt;option value="1" onClick="ingen()"&gt;lorem&lt;/option&gt;
          &lt;option value="2" onClick="some()"&gt;lorem&lt;/option&gt;                                  
          &lt;option value="3" onClick="other()"&gt;lorem&lt;/option&gt;
          &lt;option value="4" onClick="func()"&gt;lorem&lt;/option&gt;
          &lt;option value="5" onClick="tion()"&gt;lorem&lt;/option&gt;
          &lt;option value="6" onClick="names()"&gt;lorem&lt;/option&gt;
          &lt;option value="7" onClick="goes()"&gt;lorem&lt;/option&gt;
          &lt;option value="8" onClick="here()"&gt;lorem&lt;/option&gt;
      &lt;/select&gt;
  &lt;/span&gt;                          
  &lt;span class="enkeltSkjema" id="merInfo"&gt;
      &lt;span id="merInfo1" name="merInfo1"&gt;&lt;/span&gt;
      &lt;span id="merInfo2" name="merInfo2"&gt;&lt;/span&gt;
      &lt;span id="merInfo3" name="merInfo3"&gt;&lt;/span&gt;
      &lt;span id="merInfo4" name="merInfo4"&gt;&lt;/span&gt;
      &lt;span id="merInfo5" name="merInfo5"&gt;&lt;/span&gt;
      &lt;span id="merInfo6" name="merInfo6"&gt;&lt;/span&gt;
      &lt;span id="merInfo7" name="merInfo7"&gt;&lt;/span&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>Second, works fine in IE:</p>
  
  <pre><code>function levAdresse() {
      if (document.getElementById('egenLevAdr').checked == true) {
          document.getElementById('levAdrBox').style.display='block';
      }   
      else {
          document.getElementById('levAdrBox').style.display='none';
      }
  }
  </code></pre>
  
  <p>HTML:</p>
  
  <pre><code>&lt;div id="levAdrBox"&gt;
      &lt;div id="levAdr"&gt;Field
          &lt;span class="" id="levAdrInput"&gt;&lt;input type="text" id="text12" name="text12" /&gt;&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class="" id="levPostSted"&gt; field:*
          &lt;span class="" id="levPostStedInput"&gt;
              &lt;input type="text" id="text18" name="text18" /&gt;
              &lt;span class="" id="levPostNr"&gt;field:*
                  &lt;span class="" id="levPostNrInput"&gt;
                      &lt;input type="text" id="text17" name="text17" /&gt;
                  &lt;/span&gt;
              &lt;/span&gt;
          &lt;/span&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>