HTML and CSS Reference
In-Depth Information
3. script.aculo.us
4. MooTools
5. ExtJS
6. Qooxdoo
7. Yahoo! UI Library (YUI)
8. MochiKit
9. Midori
10. The Dojo Toolkit
The libraries are compared for different features such as purpose, speed, event han-
dling, animation, Ajax support, documentation, and more.
One's first time looking at a JavaScript program that uses the DOM, a person could get
very turned off with the upside-down tree, its parent and child nodes, the children of the
child node, siblings, first node, last node, and the different event propagation models,
and just let someone else deal with it. This chapter introduced that “DOM DOM” and
we stepped through the W3C standard DOM methods used to manipulate the tree so
that JavaScript could get a handle on very element of a Web page. We also discussed how
to use the DOM for event handling and the differences between the standard W3C
model and Microsoft's model. We talked about unobtrusive JavaScript, the strategy of
separating JavaScript code from the HTML content and CSS presentation when develop-
ing Web pages. Now that you have reached the end of this chapter, the DOM should not
be such a mystery, and you should be able to:
1. Traverse the document tree from node to node.
2. Understand the parent/child/sibling relationship.
3. Manipulate the tree using the DOM methods.
4. Create a new element and insert it into the DOM tree.
5. Delete an item from a list using the DOM.
6. Change the text in a paragraph using the DOM.
7. Create a list and table on the fly.
8. Clone an attribute.
9. Use event listeners.
10. Register more than one event for an object.
11. Turn on and off bubbling and capturing.
12. How Microsoft differs from the W3C implementation of handling events.
13. Use events to change the style of a document.
14. Cancel an event.
15. Why using the DOM event handling model is better than using the HTML
inline or scripting model.
16. What is meant by unobtrusive JavaScript.
17. Find JavaScript libraries.
