HTML and CSS Reference
In-Depth Information
Explorer does not create the
tBody
, which is automatically implied when using HTML
.
Example 15.11 demonstrates the steps needed to create a table dynamically with the
DOM. The CSS and JavaScript could now be placed in their own respective files, leaving
the HTML document unobstructed. This is unobtrusive JavaScript at play!
Figure 15.20
Looking at a table with the Firefox DOM Inspector.
EXAMPLE
15.11
<html>
<head><title>Creating a DOM Table</title><head>
<style type="text/css">
1 table { width:380px;
border: 2px solid darkgreen;
background-color:#8fbc8f; }
th { font-size: larger;
font-family:arial}
td { border: 1px solid #888878;
padding: 5px;
background-color:#fff8dc;
font-family:arial;
}
</style>
Continues