关于JS操作DOM的一些小细节

   好吧，DOM是HTML对于JS提供的一个API,里面有许多内置方法供我们使用，可以创建节点，删除节点等。可是，今天就遇见了一个小问题。上代码：

    
    
    



    

        
LIPING
    

刚开始咋一看，不就输出DIV么，可是输出这样：

然后将console.log(str.firstChild.nodeName);写成  console.log(str.childNodes);

输出这样：

好吧，我知道了，最外层DIV的第一个子节点是空白节点，空白节点包括空格，TAB,回车等。

将HTML元素这样写，就会保证它的第一个子节点是预期的：
LIPING

但是这样排版难免不好看，不好编辑管理。
 
  
IE提供的childNodes和firefox下的childNodes的行为是有区别的，firefox下childNodes会把换行和空白字符都算作父节点的子节点，而IE的不会。