title: Get elements just 1 level below the current element by javascript
body: <p>I need to access the DOM tree and get the elements just 1 level below the current element.</p>
  
  <p>Read the following code:</p>
  
  <pre><code>&lt;div id="node"&gt;
      &lt;div id="a"&gt;
          &lt;div id="aa"&gt;
              &lt;div id="ab"&gt;
                  &lt;div id="aba"&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="b"&gt;
          &lt;div id="ba"&gt;
              &lt;div id="bb"&gt;
                  &lt;div id="bba"&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
      &lt;div id="c"&gt;
          &lt;div id="ca"&gt;
              &lt;div id="cb"&gt;
                  &lt;div id="cba"&gt;&lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I want to get the 3 elements "a", "b", "c" under "node". What should I do?</p>
  
  <p>var nodes = node.getElementsByTagName("div") &lt;---- I get all the divs but not the 3 divs I need.</p>
  
  <p>var nodes = node.childNodes; &lt;---- works in IE, but FF contains Text Node</p>
  
  <p>Does anyone know how to solve the problem?</p>