在使用javascript 取子節點 firstChild時要注意的問題

下面是兩端看上去一樣的非常簡單的html代碼：

{
this.style.display='none'; document.getElementById('Code_Closed_Text_110924').style.display='none'; document.getElementById('Code_Open_Image_110924').style.display='inline'; document.getElementById('Code_Open_Text_110924').style.display='inline';
}" id="Code_Closed_Image_110924" style="display: none">{
this.style.display='none'; document.getElementById('Code_Open_Text_110924').style.display='none'; getElementById('Code_Closed_Image_110924').style.display='inline'; getElementById('Code_Closed_Text_110924').style.display='inline';
}" id="Code_Open_Image_110924">Code
<ul id="myList"><li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>

 

{
this.style.display='none'; document.getElementById('Code_Closed_Text_110915').style.display='none'; document.getElementById('Code_Open_Image_110915').style.display='inline'; document.getElementById('Code_Open_Text_110915').style.display='inline';
}" id="Code_Closed_Image_110915" style="display: none">{
this.style.display='none'; document.getElementById('Code_Open_Text_110915').style.display='none'; getElementById('Code_Closed_Image_110915').style.display='inline'; getElementById('Code_Closed_Text_110915').style.display='inline';
}" id="Code_Open_Image_110915">Code
<ul id="myList">
    <li>1</li>
    <li>2</li>
    <li>3</li>
    <li>4</li>
    <li>5</li>
    <li>6</li>
</ul>

然而當我們用

{
this.style.display='none'; document.getElementById('Code_Closed_Text_111031').style.display='none'; document.getElementById('Code_Open_Image_111031').style.display='inline'; document.getElementById('Code_Open_Text_111031').style.display='inline';
}" id="Code_Closed_Image_111031" style="display: none">{
this.style.display='none'; document.getElementById('Code_Open_Text_111031').style.display='none'; getElementById('Code_Closed_Image_111031').style.display='inline'; getElementById('Code_Closed_Text_111031').style.display='inline';
}" id="Code_Open_Image_111031">Code
 var oU=document.getElementById("myList");
 alert(oU.firstChild.nodeType)

進行測試時候，發現：

在IE當中結果都是1；

而在FF中第一個是：1，第二個則是3；

這個問題出在：因為 Firefox 會把無意義的空格和斷行符號也算成一個文本節點。