DOM 操作の互換性に関するヒントの共有_DOM

例: ul の下にあるすべての li 要素を取得した場合。または、それが要素の次の要素である場合。この厄介なスペースの問題に遭遇する可能性があります。もちろん、これらのスペースは IE ブラウザで自動的にフィルタリングされます。一方、FFはそれほど勤勉ではありません。 FF ブラウザはこれらのスペースを要素として扱います。 Dom 内のスペース要素について混乱している場合は、次のコードを実行してください。テストには少なくとも 2 つのブラウザ (IE と FF) を使用してください。あなたはすべてを理解するでしょう！

コードをコピーします コードは次のとおりです。

コードは次のとおりです。


このコードを実行した後。 IE、FF、Chrome で返される結果が同じであることがわかります。

html

dom
<script> <BR>for(var x=0,list_li = document.getElementById('list').childNodes; x<list_li.length; x ) { <BR>if(list_li[x].nodeType == 1){ <BR>alert(list_li[x].tagName) <BR>} <BR>} </script> ;/body>