[求救]IE裡用JavaScript呼叫getElement...取得子節點出現問題

事情是這樣的...想用javascript寫個小網頁
頁面大致上的架構如下連結
SAMPLE網頁
(頁面上 右鍵>原始碼 可以看完整內容)
因為考量到便攜性 跟 希望不需要Server就能開起來用
所以才把資料用類似xml格式塞在裡面
data區裡是有最少4層以上的階層架構
script裡會藉由gatElementById跟
getElementsByTagName去解析資料塊來用
寫好在Chrome跟Firefox裡工作都正常
就唯獨IE(試過6跟8)不能用 仔細一段段去檢查才發現
IE似乎只能 document.gatElementById("data1")
document.getElementsByTagName("DIV")
取得資料段的根結點 然後其下的子節點(C/D/E那些)
就都無法再借由這個div節點getElements...去取得
只能再用document.getElementsByTagName("C|D|E")
去撈出所有子節點...
可是階層架構之間有依賴關係
從document去撈就分不出這些關係了
有試過改用dataNode.childNodes.item(i )來做
可是還是一樣要下到第二層("D")就都看不到了
請問有什麼對策或是變通方式嗎?
以維持"單一檔案"及"不需Server"為前提...