Re: [已解決] 關於DOM節點 Undifine

看板Ajax作者sk1765 (鼎玉鉉)時間15年前 (2010/09/10 17:19)推噓0(0推 0噓 0→)

留言0則, 0人參與討論串3/3 (看更多)

※ 引述《rex921 (小雷)》之銘言： : 在IE底下.假如我的XML的架構是 : <root> : <response> : <passed> : <love> : </love> : </passed> : <message> : <word> : </word> : </message> : </response> : </root> : 在這裡我要取得 <love></love>裡面的內容像底下寫法 : var xmldoc = http_request.responseXML; : var mes = : xmldoc.getElementsByTagName('response')[0].childNodes[0].childNodes[0] : .firstChild.nodeValue; : IE要一層一層寫出來，沒辦法直接取到<love>這個Tag的nodeValue : 這是我遇到的問題搞了好久，不同瀏覽器好像都有不同的解析....囧.. xmldoc.getElementsByTagName('response')[0]. childNodes[0].childNodes[0].firstChild.nodeValue; 這段程式碼在的搜尋叫做 short-distance travel 也就是從一個元素到另一個元素的移動都是相鄰的元素移到一個相鄰的元素後再移到另一個但是這樣做會有三個問題第一程式碼的可讀性很差沒人知道這樣移來移去到底是移到哪裡了除非維護的人對該文件dom的結構也很清楚第二文件內容常會做處理也許<love> element 會搬移到其他位置那麼在重複這段同樣的程式碼時就完全搞不清楚抓到哪個element 第三在w3c的瀏覽器空格,換行,tab 都是文字內容所以會建立一個空的文字節點舉例來說你的<passed> 和 <love>兩個元素中間還夾了另一個元素內容是empty的文字節點所以以你剛才的程式在firefox 是到不了目的地的解決空元素的辦法有二第一把文件中間的空白還有換行除去如下中間完全沒有換行 <root><response><passed><love></love></passed><message><word></word></message></response></root> 第二根本不用short-distance travel 直接用long-distance travel的操作 xmldoc.getElementsByTagName('response')[0]. getElementsByTagName('love')[0].firstChild.nodeValue; 這樣是可以找到的不一定要一層一層寫而且程式碼閱讀起來容易多了就算元素被移動程式碼依就可用 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 220.137.128.219