HTML and CSS Reference
In-Depth Information
Tu Tori a l
14
Working with
Document Nodes
and Styles
Creating a Dynamic Table of Contents
O b j e c t i v e s
Session 14.1
• Understand the methods and
properties of nodes and the
node tree
• Create element and text nodes
• Attach nodes to a Web page
document
Session 14.2
• Apply node properties and
styles to create dynamic
content
• Work with the properties and
methods of attribute nodes
• Work with element attributes
Case |
Midwest University
Norene Somerville is a professor of history at Midwest University.
One of her recent projects involves putting the text of important
historic documents online for her students to download and study.
The Web site she's creating will support a variety of different docu-
ment formats, but Norene also wants each document to be available
in HTML format on a single Web page. This format makes it easier for
students to print out the complete text of a document without having
to navigate an entire site, or install word processing or other software.
However, Norene is concerned that some of the documents are very
long and would be difficult to manage if placed on a single page.
Session 14.3
• Hide and redisplay Web page
objects
• Understand how to create
recursive functions to navigate
a node tree
• Learn to work with the
properties and methods of style
sheet objects
She believes that a table of contents would be a great aid to stu-
dents. However, Norene doesn't have the time to create such a
table of contents for each document in her online library. She wants
a program to automatically generate these TOCs, and she has asked
you to develop such an app.
STarTing DaTa FileS
tutorial.14
tutorial
review
case1
case2
usconsttxt.htm
switchtxt.js
toctxt.js
+ 1 graphic file
+ 4 CSS files
+ 1 JavaScript file
fed10txt.htm
keytxt.js
stylestxt.js
+ 1 graphic file
+ 3 CSS files
+ 1 JavaScript file
accentstxt.htm
styletxt.js
+ 16 graphic files
+ 6 CSS files
+ 1 JavaScript file
nodestxt.htm
treetxt.js
+ 1 graphic file
+ 2 CSS files
+ 1 JavaScript file
case3
case4
nfltxt.htm
tabletxt.js
+ 2 graphic files
+ 2 CSS files
+ 2 JavaScript files
tortetxt.htm
commtxt.js
+ 6 graphic files
+ 1 CSS file
+ 1 JavaScript file
HTML 933
