javascript

CHAPTER 8 ■ SCRIPTING CSS
342
Figure 8–15. Delete the element with removeChild(), and Firefox redisplays the document as
unstyled markup.
By the way, even though it may be obvious, note that passing a or to removeChild()
does the inverse of what addSheet() does. So, removing a style sheet is simpler than adding one.
Now that our document is totally unstyled, we can tangibly test addSheet(). Let’s first try to include
eight.css with a new . Go ahead and delete the removeChild() invocation. Then call addSheet()
like so, verifying your work with Figure 8–16.
function addSheet(tag, url) {
var element = document.createElement(tag);
element.type = "text/css";
document.getElementsByTagName("head")[0].appendChild(element);
if (tag === "link") {
element.rel = "stylesheet";
element.href = url;
} else if (tag === "style") {
try {
element.sheet.insertRule("@import url(" + url + ")", 0);
} catch (whyNot) {
element.styleSheet.addImport(url);
}