Welcome! 登入 註冊
美寶首頁 美寶百科 美寶論壇 美寶落格 美寶地圖

Advanced

Browser 的 JavaScript - DOM的差異:<li>

Browser 的 JavaScript - DOM的差異:<li>

分類標籤: 程式設計
我們來看下面這段 list 的 html

<body bgcolor="#FFFFCC"> <ul> <li id="foldheader">第一章</li> <ul id="foldinglist" style=display:none> <li><font color="#000000">第一節</font></li> <li><font color="#000000">第二節</font></li> </ul> <ul id="foldinglist" style=display:none> <li><font color="#000000">第一節</font></li> <li><font color="#000000">第二節</font></li> <li id="foldheader">第三節</li> <ul id="foldinglist" style=display:none> <li><font color="#000000">第一項</font></li> <li><font color="#000000">第二項</font></li> </ul> <li><font color="#000000">第四節</font></li> <li><font color="#000000">第五節</font></li> </ul> </ul> </body>
我要提的問題是:

「第一章下面的 ul」,是「第一章所在的那個 li」 的 「childNode」 還是「siblingNode 」

結果 IE 跟 Firefox 的答案不一樣

(1)在 IE9 中:

「第一章下面的 ul」,是「第一章所在的那個 li」 的 「childNode」

(2) 在 FireFox 中

「第一章下面的 ul」,是「第一章所在的那個 li」 的 「siblingNode 」


我有空再把結構圖貼上來