JavaScript - IE vs Firefox

stash1071 · 11-30-2006, 10:02 AM

Hey Everyone, was wondering if anyone could tell me why this code works in Firefox and not Internet Explorer. In IE, I just get "hello", in Firefox, I get the table and "hello". I have a feeling I'm missing something terribly obvious. Not exactly Linux but I know I'll get the best advice. Thanks!

<!DOCTYPE html PUBLIC "-//W3C//DTD html 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>My page</title>
</head>

<body>

<table id="myTable" border="1">
<tbody id="myTableBody">
</tbody>
</table>

<script type="text/javascript">

var cell = document.createElement("td").appendChild(document.createTextNode("foo"));
var row = document.createElement("tr").appendChild(cell);
var el = document.getElementById("myTableBody");

el.appendChild(row);

</script>

<h3>hello</h3>

</body>
</html>

b0uncer · 11-30-2006, 10:11 AM

I could guess IE is not following the standards, if you've written that according to them. Firefox might not follow the standards 100% either, but I've seen horrible acts from IE, so this is not big news

it's just that a lot of people use IE, so a lot of people creating web sites don't care, which encourages IE developers to keep it that way. To sustain "compatibility"..heh.

Sorry that I can't be of too much help, I hope somebody else can. My java script learnings are quite minimal..

stash1071 · 11-30-2006, 10:24 AM

What's especially frustrating about it is I've done this type of thing before. I've scaled back the page to simply follow an example from a book, Foundations of Ajax (of course no Ajax here_, titled "Appending Rows to a Table" in the Cross-Browser JavaScript chapter.

stash1071 · 11-30-2006, 11:04 AM

I got it working breaking up the lines like so, I'll take it...

var cell = document.createElement("td");
var text = document.createTextNode("foox");

cell.appendChild(text);

var row = document.createElement("tr")
row.appendChild(cell);

var el = document.getElementById("myTableBody");
el.appendChild(row);

vargadanis · 11-30-2006, 11:16 AM

Works for me too in this way. What you might want to do is to create 2 versions of the same site: IE and Firefox. Both provide an awesome documentation.
http://developer.mozilla.org/en/docs/DOM
and
http://msdn.microsoft.com
You can find a AJAX tutorial on the Firefox AJAX site http://developer.mozilla.org/en/docs/AJAX that describes the differences. I love it. Good luck and let me know if you are done. (^_^)