Creating table with DOM is invisible with IE ?

GRenard · Mar 26, 2006

Hi,

I'm trying just to display a table on a webpage using DOM elements
created dynamically.

I really don't understand why IE doesn't display the document
successfully...
If I make a copy/paste of the output, I can see the data.
Mozilla displays successfully a table... Check this little code :

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Test</title>
</head>
<body onload="">
<table>

</table>
<p></p>
</body>

<script type="text/javascript">
var pItem = document.getElementsByTagName("p").item(0);
pItem.appendChild( document.createTextNode("TEST") );

function onLoaded(infoOn) {
var table = document.getElementsByTagName("table").item(0);

for(val in infoOn) {
currentRow = document.createElement("tr");
currentCell = document.createElement("td");
currentText = document.createTextNode(val);
currentCell.appendChild( currentText );
currentRow.appendChild(currentCell);
table.appendChild(currentRow);
}
table.style.visibility = "visible";
table.setAttribute("border", "1");

}
onLoaded(document.getElementsByTagName("table"));
</script>
</html>

On IE, this code "displays" only "TEST" but try Copy/paste and the data
will be pasted... so what is the problem ?

Thank you very much.

Randy Webb · Mar 26, 2006

GRenard said the following on 3/26/2006 1:31 AM:

Hi,

I'm trying just to display a table on a webpage using DOM elements
created dynamically.

I really don't understand why IE doesn't display the document
successfully...
<URL:
http://msdn.microsoft.com/library/default.asp?url=/library/en-us/dndude/html/dude100499.asp

IE wants a TBODY. Whether you hard code it or create it dynamically.

GRenard · Mar 26, 2006

Thank you very much, it works perfectly ! It just weird that I can use
tr or td hardcoded but not dynamically directly...

Thank you again !

RobG · Mar 26, 2006

GRenard said:
Hi,

I'm trying just to display a table on a webpage using DOM elements
created dynamically.

I really don't understand why IE doesn't display the document
successfully...
If I make a copy/paste of the output, I can see the data.
Mozilla displays successfully a table... Check this little code :

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<title>Test</title>
</head>
<body onload="">
<table>

</table>
<p></p>
</body>

<script type="text/javascript">
var pItem = document.getElementsByTagName("p").item(0);
pItem.appendChild( document.createTextNode("TEST") );

function onLoaded(infoOn) {
var table = document.getElementsByTagName("table").item(0);

for(val in infoOn) {
currentRow = document.createElement("tr");

As Randy said, IE requires that the tr element be added to a tbody, not
directly to the table (and use var to keep variables local).

Rather than creating a tbody element, you can also use insertRow:

var currentRow = table.insertRow(-1);

Passing a row index of -1 will insert the row as the last row of the table.

currentCell = document.createElement("td");

You can also use:

var currentCell = currentRow.insertCell(-1);

currentText = document.createTextNode(val);
currentCell.appendChild( currentText );
currentRow.appendChild(currentCell);

If insertCell is used, the cell is already added to the row so this line
isn't required.

table.appendChild(currentRow);

If insertRow is used, the row is already added to the table so this line
isn't required either.

Martin Honnen · Mar 26, 2006

GRenard said:
It just weird that I can use
tr or td hardcoded but not dynamically directly...

That is how HTML as an SGML application works, if your document markup
has e.g.
<table>
<tr>
<td>
then the SGML parser adds a tbody element in the DOM tree to be a child
of the table element and the parent of the tr element.

Can someone tell me if this a real tracker? Or is it one designed to show you a different message at certain times, ie. acting like one?	0	Jan 10, 2021
How to create a JSON array with values from DOM(HTML TABLE) when I click a button using JQuery/Javascript?	0	May 1, 2023
Only one table shows up with the information	2	Mar 29, 2023
DOM build table IE trouble ..........	10	Jan 14, 2007
onclick event in DOM table	2	Feb 16, 2007
How to have two html audio players on one page?	0	May 3, 2022
Inserting Tables in IE 6 using W3C DOM techniques.	10	Dec 20, 2005
All browsers are cool but IE: div, form, table, input.. where's the table?	5	Jun 2, 2006

Creating table with DOM is invisible with IE ?

GRenard

Randy Webb

GRenard

RobG

Martin Honnen

Ask a Question

Similar Threads

Members online

Forum statistics

Latest Threads