获取选中元素下所有的子节点的小技巧

比如下面，原生的，你获取元素一般都是从DOM树中document中获取，如果想精确到某个元素，

可以先获取其父元素再获取其本身，这样范围更精确。

比如下面通过精确获取父元素来获取li的长度。

<ul id="u">
         <li></li>
         <li></li>
         <li></li>
  </ul>

<script type="text/javascript">
　　　　var u = document.getElementById('u');
　　　　alert(u.getElementsByTagName("li").length);
</script>

 获取父、子、兄节点

var a = document.getElementById("dom"); 
 

var b = a.childNodes;//获取a的全部子节点； 
 
var c = a.parentNode;//获取a的父节点；
 
var d = a.nextSibling;//获取a的下一个兄弟节点 
 
var e = a.previousSibling;//获取a的上一个兄弟节点 
 
var f = a.firstChild;//获取a的第一个子节点 
 
var g = a.lastChild; //获取a的最后一个子节点