Shirans' DOM, Part I: Object Structure
How to use DOM properties. Object structure of a simple HTML page and a table.
Shirans' DOM, Part II: Lists and HTML Pages
Object structure of an unordered list (UL), a descriptive list (DL), and a complex HTML document.
Shirans' DOM, Part III: Bugs
Look at some bugs in IE5's implementation of the W3C's new DOM. Learn what to look for, and how to work around them. Practice some more document analysis and DOM synthesis. W3C's new DOM is supported only by Internet Explorer 5.0 and up, as well as Netscape's Gecko.
Shirans' DOM, Part IV: Manipulating Documents
Using properties and methods to manipulate documents. removeNode, replaceNode, and swapNode.
Shirans' DOM, Part V: More Methods
Creating an HTML tag node and text node. Cloning a node. How to append or connect a child to a parent. How to nominate a parent to a child.
Shirans' DOM-Based Sliding Puzzle
Classic "unscramble the sliding puzzle" game. Creating elements; filling an array; handling mouse clicks.
Shirans' DOM-Based Snakes Game, Part I
Learn how to plan and architect a DOM-based game. Includes new browser sniffer.
Shirans' DOM-Based Snakes Game, Part II
Learn how to load the game pieces, move the snake around, and interact with the user. For IE5 and Nav5/Netscape Gecko.
Traversing an HTML Table with JavaScript and DOM Interfaces
Learn DOM Core Level 1.0 methods and how to use them from JavaScript to dynamically create, access and remove HTML elements.
Visualizing DOM Level 1
Downloadable diagram. Shows DOM1 interfaces, attributes, and methods. Useful as overview of the DOM and for looking up the exact method name you need while programming.
A W3C DOM Table of Contents (Part I)
Building a table of contents using the W3C DOM. Properties and methods. Finding headers and an element's contents.
A W3C DOM Table of Contents (Part II)
Building a table of contents using the W3C Document Object Model, Part 2. Making it live. Building the tree.
Whitespace in the DOM
Article covering techniques and tips about the presence of whitespaces in the DOM.
X-Objects: Introduction
Article covering differences in DHTML between Navigator 4.x and Navigator 6.x and IE 4.x and up. Article focuses on DHTML scripting objects that hide these differences.
Results: Previous 1 2 3