firstChild在firefox跟chrome浏览器的注意点

firstChild在firefox和chrome浏览器的注意点

<ul id="myList">
    
<li>a</li>
    
<li>b</li>
    
<li>c</li>
    
<li>d</li>
    
<li>e</li>
    
<li>f</li>
</ul>

alert(document.getElementById("myList").firstChild.nodeType)
---------result----------------------------------------------

IE:        1

fireFox: 3

chrome:3

 

根据下面noteType类型值可以判断Firefox 会把无意义的空格和回车也算成一个文本节点。

 

 

 

 

DOM元素节点nodeType取值 整数 常量
1 ELEMENT_NODE,普通元素节点,如<html>,<p>,<div>,<span>,<img>
2 ATTRIBUTE_NODE,元素属性
3 TEXT_NODE,文本节点
4 CDATA_SECTION_NODE,即<![CDATA[ ]]>
5 ENTITY_REFERENCE_NODE,实体引用,如&amp;&nbsp;
6 ENTITY_NODE,实体,如<!ENTITY copyright “Copyright 2010, impng. All rights reserved”]>
7 PROCESSING_INSTRUCTION_NODE,PI,处理指令,如<?xml  version=”1.0″?>
8 COMMENT_NODE,注释<!–   –>
9 DOCUMENT_NODE,根节点,即document.nodeType
10 DOCUMENT_TYPE_NODE,DTD,文档类型<!DOCTYPE   >
11 DOCUMENT_FRAGMENT_NODE,文档片段
12 NOTATION_NODE,DTD中定义的记号