Table creation with cell spacing of 0 on IE

[Andrew Poulos]

I'm trying to build a table using DOM methods with script that follows
this type of format:

// note the var bodyEl is predefined as the body element
//
var mytable = document.create Element("TABLE" );
var mytablebody = document.create Element("TBODY" );
// First row
var mycurrent_row = document.create Element("TR");
var mycurrent_cell = document.create Element("TD");
var currenttext = document.create TextNode("Some text here.");
// append everything
mycurrent_cell. appendChild(cur renttext);
mycurrent_row.a ppendChild(mycu rrent_cell);
mytablebody.app endChild(mycurr ent_row);
mytable.appendC hild(mytablebod y);
bodyEl.appendCh ild(mytable);

This is working except that I've styled the table with one colour border
and the cell with a different colour border and I want the two borders
to abut.

With FF I just set border-spacing to 0 but IE doesn't support this CSS
property. So I need to go back to the old cellspacing attribute.

My problem is that I can't seem to 'attach' it to the table. I've tried
the following to no avail:
mytable.cellspa cing = "0";
mytable.setAttr ibute("cellspac ing ", "0" );

Is there some way to do this?

Andrew Poulos

[Martin Honnen]

Andrew Poulos wrote:

My problem is that I can't seem to 'attach' it to the table. I've tried
the following to no avail:
mytable.cellspa cing = "0";
mytable.setAttr ibute("cellspac ing ", "0" );

Watch out for the case, it is cellSpacing
mytable.cellSpa cing = "0"
<http://msdn.microsoft. com/library/default.asp?url =/workshop/author/dhtml/reference/properties/cellspacing.asp >
<http://www.w3.org/TR/DOM-Level-2-HTML/html.html#ID-68907883>

--

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