I'm not a fan of just writing HTML with javascript e.g. str += '</tr>'; I would rather use the document.createElement( [tag name] ); function. I'm also a huge fan of jQuery. Below is how I would go about creating a table in Javascript.
Create Table
function createTable(rows, columns, newId, parent)
{
$(parent)
.append(
$(document.createElement('table'))
.attr('id' , newId)
);
for (var rowNumber = 1; rowNumber <= rows; rowNumber++)
{
$('#' + newId)
.append(
$(document.createElement('tr'))
.attr('class', (rowNumber % 2 == 0) ? 'even' : 'odd')
);
for (var columnNumber = 1; columnNumber <= columns; columnNumber++)
{
$('#' + newId + ' tr:last-child')
.append(
$(document.createElement('td'))
.html('(' + columnNumber + ', ' + rowNumber + ')')
);
}
}
}
<div id="parent"></div>
Boredom is a wonderful thing.
If at first you don't succeed, you're not Chuck Norris.
