FireFoxを使用してDOMのテーブル行コレクションを取得できません

Question

firefox（10.0.2を使用）で、JavaScriptを使用してテーブル内の行を取得しようとすると問題が発生しました。 ChromeとIEでは次のような作業が可能ですが、Firefoxでは動作しません。 Firefoxの、結果のallTRオブジェクトで

var tbl = "myTable"; 
var allTR; 
allTR = document.getElementById(tbl).childNodes[0].childNodes; 

var table = document.getElementById(tbl); 
var tbody = table.getElementsByTagName("tbody")[0]; 
allTR = tbody.getElementsByTagName("tr"); 
allTR = tbody.children; 
allTR = tbody.childNodes; 
allTR = $("#myTable").find("tbody").find("tr"); 
allTR = $('#myTable tobdy tr'); 

私はそれがlengthプロパティを持っていることが確認できていても「未定義」として、Firebugのに表示されます。

これが起こる理由は誰にも分かりますか？

Answer 1

あなたがテーブルのすべての行をしたい場合：

allTR = document.getElementById(tbl).getElementsByTagName("tr"); 

あなたが最初のTBODYで行をしたい場合：

allTR =document.getElementById(tbl).getElementsByTagName("tbody")[0].getElementsByTagName('tr') 

Answer 2

あなたのテーブルには、あなたが考慮していない空の空白ノードがいくつかあるようです。たとえば、IE < 9はDOM内の空白のテキストノードを反映しませんが、他のすべての主要なブラウザではtable.childNodes[0]があなたの考えではないかもしれません。 <tr>要素の便利cellsプロパティもあり

var allTR = document.getElementById("myTable").rows; 

、あなたがそれを必要とする必要があります

最も簡単な解決策は、rowsとして、便利で普遍的にサポートDOMのテーブルのプロパティを使用することです。 <tbody>要素にはrowsプロパティもあります。