webdeveloper
07 Jul 2010, 04:42 AM
Hi,
I am trying out an experiment here:
<html>
<head>
<style>
#tableContent td.cellClass
{
background : red;
font-size : smaller;
font-weight : bold;
}
</style>
</head>
<body>
<div id="tableContainer"><table id="tableContent"></table></div>
<script type="text/javascript">
var row, cell;
var tableContainer;
var tableContent;
tableContainer = document.getElementById('tableContainer');
tableContent = document.getElementById('tableContent');
row = tableContent.insertRow(0);
cell = row.insertCell(0);
cell.innerHTML = "Test Cell";
cell.class = "cellClass";
</script>
</body>
</html>
The table cell don't seems to take effect of the CSS style.
Any idea guys?
I am trying out an experiment here:
<html>
<head>
<style>
#tableContent td.cellClass
{
background : red;
font-size : smaller;
font-weight : bold;
}
</style>
</head>
<body>
<div id="tableContainer"><table id="tableContent"></table></div>
<script type="text/javascript">
var row, cell;
var tableContainer;
var tableContent;
tableContainer = document.getElementById('tableContainer');
tableContent = document.getElementById('tableContent');
row = tableContent.insertRow(0);
cell = row.insertCell(0);
cell.innerHTML = "Test Cell";
cell.class = "cellClass";
</script>
</body>
</html>
The table cell don't seems to take effect of the CSS style.
Any idea guys?