1st code works fine:
[code]
<html>
<head>
<title>Sample code – Traversing an HTML Table with JavaScript and DOM Interfaces</title>
<script>
function start() {
// get the reference for the body
var body = document.getElementsByTagName(“body”)[0];
// creates a <table> element and a <tbody> element
var tbl = document.createElement(“table”);
var tblBody = document.createElement(“tbody”);
// creating all cells
for (var j = 0; j < 2; j++) {
// creates a table row
var row = document.createElement(“tr”);
for (var i = 0; i < 2; i++) {
// Create a <td> element and a text node, make the text
// node the contents of the <td>, and put the <td> at
// the end of the table row
var cell = document.createElement(“td”);
var cellText = document.createTextNode(“cell is row “+j+”, column “+i);
cell.appendChild(cellText);
row.appendChild(cell);
}
// add the row to the end of the table body
tblBody.appendChild(row);
}
// put the <tbody> in the <table>
tbl.appendChild(tblBody);
// appends <table> into <body>
body.appendChild(tbl);
// sets the border attribute of tbl to 2;
tbl.setAttribute(“border”, “2”);
}
</script>
</head>
<body onload=”start()”>
</body>
</html>
why this 2nd code is not working?
[code]
<html>
<head>
<title>Sample code – Traversing an HTML Table with JavaScript and DOM Interfaces</title>
<script type=”text/javascript”>
function start() {
// get the reference for the body
var body = document.getElementsByTagName(“body”)[0];
// creates a <table> element and a <tbody> element
var tbl = document.createElement(“table”);
var tblBody = document.createElement(“tbody”);
// creating all cells
for (var j = 0; j < 2; j++) {
// creates a table row
var row = document.createElement(“tr”);
for (var i = 0; i < 2; i++) {
// Create a <td> element and a text node, make the text
// node the contents of the <td>, and put the <td> at
// the end of the table row
var cell = document.createElement(“td”);
var cellText = document.createTextNode(“cell is row “+j+”, column “+i);
cell.appendChild(cellText);
row.appendChild(cell);
}
// add the row to the end of the table body
tblBody.appendChild(row);
}
// put the <tbody> in the <table>
tbl.appendChild(tblBody);
// appends <table> into <body>
body.appendChild(tbl);
// sets the border attribute of tbl to 2;
tbl.setAttribute(“border”, “2”);
}
</script>
<script type=”text/javascript”>
function submitform()
{ alert(“Thank You For Submitting The Form”) }
</script>
</head>
<body onload=””>
<input type=”button” onclick=”start()” value=”Add Product Order” />
</body>
</html>