Create TBodies Node

[Matthias Langbein]

Hi all,

I've got a few lines of javascript which works fine with IE, but I
don't know how to adapt the code so it also works on FF:

************************************
// create the table
var ItemTable = document.createElement("TABLE");

// insert a row for the topic
var myTHeadCell = ItemTable.createTHead().insertRow(0).insertCell(0) ;
myTHeadCell.width="100%";
myTHeadCell.innerText="Title";

// insert a row for the instruction
ItemTable.tBodies[0].insertRow(0);
ItemTable.tBodies[0].rows[0].insertCell(0);
ItemTable.tBodies[0].rows[0].cells[0].className="instruction";
ItemTable.tBodies[0].rows[0].cells[0].innerText="instruction/question";
************************************
The code fails when I try to insert the "Instruction"-Row: In FF no
tBodies-Collection exists.

And when I write ItemTable.insertRow(0) instead, the row is added to
the THead.

How do I create a table body?

Thanks, Matthias

[Martin Honnen]

Matthias Langbein wrote:

I've got a few lines of javascript which works fine with IE, but I
don't know how to adapt the code so it also works on FF:

************************************
// create the table
var ItemTable = document.createElement("TABLE");

// insert a row for the topic
var myTHeadCell = ItemTable.createTHead().insertRow(0).insertCell(0) ;
myTHeadCell.width="100%";
myTHeadCell.innerText="Title";

// insert a row for the instruction
ItemTable.tBodies[0].insertRow(0);
ItemTable.tBodies[0].rows[0].insertCell(0);
ItemTable.tBodies[0].rows[0].cells[0].className="instruction";
ItemTable.tBodies[0].rows[0].cells[0].innerText="instruction/question";
************************************
The code fails when I try to insert the "Instruction"-Row: In FF no
tBodies-Collection exists.

And when I write ItemTable.insertRow(0) instead, the row is added to
the THead.

That is correct according to
<http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-39872903>.

How do I create a table body?

var tbody = document.createElement('tbody');
then call insertRow on the tbody element object. You will need to
appendChild the tbody to the table then explictly.
--

Martin Honnen
http://JavaScript.FAQTs.com/