<!DOCTYPE html> <html> <!-- https://bugzilla.mozilla.org/show_bug.cgi?id=295561 --> <head> <title>Test for Bug 295561</title> <script type="text/javascript" src="/tests/SimpleTest/SimpleTest.js"></script> <link rel="stylesheet" type="text/css" href="/tests/SimpleTest/test.css"> </head> <body> <a target="_blank" href="https://bugzilla.mozilla.org/show_bug.cgi?id=295561">Mozilla Bug 295561</a> <p id="display"></p> <div id="content" style="display: none"> <table id="testTable"> <thead> <tr id="headRow"><td></td></tr> </thead> <tfoot> <tr id="footRow"><td></td></tr> </tfoot> <tbody id="tBody" name="namedTBody"> <tr id="trow" name="namedTRow"> <td id="tcell" name="namedTCell"></td> <th id="tcellh" name="namedTH"></th> </tr> <tr><td></td></tr> </tbody> <tbody id="tBody2" name="namedTBody2"> <tr id="trow2" name="namedTRow2"> <td id="tcell2" name="namedTCell2"></td> <th id="tcellh2" name="namedTH2"></th> </tr> </table> </div> <pre id="test"> <script class="testbody" type="text/javascript"> function testItById(id, collection, collectionName) { is(collection[id], $(id), "Should be able to get by id '" + id + "' from " + collectionName + " collection using square brackets.") is(collection.namedItem(id), $(id), "Should be able to get by id '" + id + "' from " + collectionName + " collection using namedItem.") } function testItByName(name, id, collection, collectionName) { is(collection[name], $(id), "Should be able to get by name '" + name + "' from " + collectionName + " collection using square brackets.") is(collection.namedItem(name), $(id), "Should be able to get by name '" + name + "' from " + collectionName + " collection using namedItem.") } function testIt(name, id, collection, collectionName) { testItByName(name, id, collection, collectionName); testItById(id, collection, collectionName); } var table = $("testTable") testIt("namedTBody", "tBody", table.tBodies, "tBodies") testIt("namedTRow", "trow", table.rows, "table rows") testIt("namedTRow", "trow", $("tBody").rows, "tbody rows") testIt("namedTCell", "tcell", $("trow").cells, "cells") testIt("namedTH", "tcellh", $("trow").cells, "cells") testIt("namedTBody2", "tBody2", table.tBodies, "tBodies") testIt("namedTRow2", "trow2", table.rows, "table rows") testIt("namedTRow2", "trow2", $("tBody2").rows, "tbody rows") testIt("namedTCell2", "tcell2", $("trow2").cells, "cells") testIt("namedTH2", "tcellh2", $("trow2").cells, "cells") is(table.tBodies.length, 2, "Incorrect tBodies length"); is(table.rows.length, 5, "Incorrect rows length"); is(table.rows[0], $("headRow"), "THead row in wrong spot"); is(table.rows[1], $("trow"), "First tbody row in wrong spot"); is(table.rows[3], $("trow2"), "Second tbody row in wrong spot"); is(table.rows[4], $("footRow"), "TFoot row in wrong spot"); </script> </pre> </body> </html>