JavaScript Tutorials - Herong's Tutorial Examples

∟W3C's Document Object Model (DOM) Specifications

∟Overview of DOM Specifications

This section provides an overview of DOM (Document Object Model) specifications, which is a set of API divided into multiple levels and modules (features).

DOM (Document Object Model) is a set of specifications recommended by W3C (World Wide Web Consortium) to define an API (Application Programming Interface) valid HTML and well-formed XML [p.208] documents.

Currently, DOM has 4 levels of specifications:

DOM Level 0 - No formal specifications published: A collection of HTML document functionalities offered by Netscape Navigator version 3.0 and Microsoft Internet Explorer version 3.0.

Examples of DOM Level 0 functionalities: document.bgColor, and document.alinkColor.

DOM Level 1 - Latest version published in October, 1998: An API of 2 modules: Core and HTML. DOM Level 1 Core represents the functionality used for XML documents. DOM Level 1 HTML extends DOM Level 1 Core to represents functionality specific to HTML documents.

Examples of DOM Level 1 functionalities: document.createElement(), and document.body.bgColor.

DOM Level 2 - Published in November, 2000: An API of 14 modules: Core, XML, HTML, Views, StyleSheets, CSS, CSS2, Events, User interface Events, Mouse Events, Mutation Events, HTML Events, Range, and Traversal.

Examples of DOM Level 2 functionalities: document.defaultView, document.styleSheets, document.getElementById(), and document.body.style.

DOM Level 3 - Published in April, 2004: An API of 21 modules: Core, XML, HTML, XPath, Travesal, Range, Validation, Load and Save, Asynchronous Load, Views, Stylesheets, CSS, CSS2, Events, HTML Events, Mutation Events, Mutation Name Events, UI Events, Mouse Events, Text Events, and Keyboard Events.

Examples of DOM Level 3 functionalities: document.xmlVersion, document.inputEncoding, and document.title.textContent.

Table of Contents

 About This Book

 Introduction to JavaScript

 ECMAScript Language Specification and JavaScript Dialects

 Data Types, Variables and Expressions

 Flow Control Statements

 Creating, Accessing, and Manipulating Arrays

 Defining and Calling Functions

 Web Browser Supporting JavaScript

 Server-Side and Client-Side Web Scripting

 Introduction to Objects

 Defining Your Own Object Types

 Inheritance of Properties and Methods through the Prototype Object Chain

 'jrunscript' - JavaScript Shell Command from JDK

 Using Functions as "Function" Objects

 Introduction to Built-in Object Types

►W3C's Document Object Model (DOM) Specifications

►Overview of DOM Specifications

 DOM Level 0 - Example

 DOM Level 1 - Example

 DOM Level 2 - Example

 DOM Level 3 - Example

 DOM Level Test - document.implementation.hasFeature

 Inheritance vs. Flattened Views of the API

 A Web Document as A Tree of Different Interfaces

 A Web Document as A Tree of Nodes

 Dump Document in a New Window - JavaScript Source

 Dump Document in a New Window - Firefox 2.0 Result

 Dump Document in a New Window - IE 6.0 Result

 References

 PDF Printing Version