javascript

Chapter 10: The Document Object Model
The function can be called as follows:
loadStyleString(“body{background-color:red}”);
Styles specified in this way are added to the page instantly, so changes should be seen immediately.
If you ’ re coding for IE specifically, be careful using styleSheet.cssText . If
you reuse the same < style > element and try to set this property more than
once, it has a tendency to crash the browser. This is a bug in the browser that
hopefully will be fixed in the future.
Manipulating Tables
One of the most complex structures in HTML is the < table > element. Creating new tables typically
means numerous tags for table rows, table cells, table headers, and so forth. Due to this complexity,
using the core DOM methods to create and change tables can require a large amount of code. Suppose
you want to create the following HTML table using the DOM:
< table border=”1” width=”100%” >
< tbody >
< tr >
< td > Cell 1,1 < /td >
< td > Cell 2,1 < /td >
< /tr >
< tr >
< td > Cell 1,2 < /td >
< td > Cell 2,2 < /td >
< /tr >
< /tbody >
< /table >
To accomplish this with the core DOM methods, the code would look something like this:
//create the table
var table = document.createElement(“table”);
table.border = 1;
table.width = “100%”;
//create the tbody
var tbody = document.createElement(“tbody”);
table.appendChild(tbody);
//create the first row
var row1 = document.createElement(“tr”);
tbody.appendChild(row1);
var cell1_1 = document.createElement(“td”);
cell1_1.appendChild(document.createTextNode(“Cell 1,1”));
row1.appendChild(cell1_1);
var cell2_1 = document.createElement(“td”);
cell2_1.appendChild(document.createTextNode(“Cell 2,1”));
311