Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions
 Discussion Forums
 HTML, XML, JavaScript...
 Software Reviews
 Editors,Others...
 Top100
 JavaScript Tutorials, ...
 Tutorials
 ASP, CSS, Databases...
 Discussion List
 FAQ, Roundup, Configure ...
 Authoring
 HTML, JavaScript, CSS...
 Design
 Layout, Navigation,...
 Graphics
 Tools, Colors, Images...
 Software
 Browsers, Editors, XML...
 Internet
 Domains, E-Commerce, ...
 WDVL Resources
  Intermdiate, Tutorials,...
 WDVL
 Discussion Lists, Top 100,...
 Technology Jobs


WDVL Newsletter

Active Server Pages
JSP/Java Servlets
Microsoft SQL Server
Daily Backup
Dedicated Servers
Streaming Audio/Video
24-hour Support    

jobs.webdeveloper.com

Hiermenus


e-commerce
Partner With Us
Promos and Premiums
PDA Phones & Cases
Computer Deals
Calling Cards
Imprinted Gifts
Web Design
Compare Prices
Promotional Gifts
Best Price
Memory Upgrades
GPS Devices
Boat Donations
KVM over IP
Memory

Developer Channel
FlashKit.com
JavaScript.com
JavaScriptSource
Developer Jobs
ScriptSearch
StreamingMediaWorld
Web Developer's Journal
Web Developer's Virtual Library
WebDeveloper.com
Webreference
Web Hosts
XMLfiles.com

internet.com
IT
Developer
Internet News
Small Business
Personal Technology
International

Search internet.com
Advertise
Corporate Info
Newsletters
Tech Jobs
E-mail Offers


  Generate Revenue Through IT Using Business Service Management
Sponsored by HP
Making sure that your business applications are available to their end users is an important part of running your business smoothly. Business operations have evolved to where IT must now broaden its focus to help the company attract, retain and grow customer relationships and increase customer satisfaction. Business service management (BSM) helps lay the foundation by managing services in dynamic support of business requirements. »
 
  Managing the Modern Network
Sponsored by HP
Networks are more than vehicles to transport e-mail and Web pages. In a global economy where information crosses the globe in an instant, and where Web-based applications power business, it's more important than ever to ensure your network is safe from threats and optimized to deliver the data your business needs. »
 
  Storage Networking 2, Configuration and Planning
Sponsored by HP
In Part 1, we discussed storage area networks (SANs) and fibre channel. In Part 2, delve into best practices and cover the general concepts you must know before configuring SAN-attached storage. The most critical, sometimes tedious, part of setting up a SAN is configuring each individual disk array. This guide examines configurations for SAN-attached servers and disk arrays, and also includes a look at the future of IP storage. »
 
  Is Your Disaster Recovery Plan Good Enough? Get Disaster Recovery Right
Sponsored by HP
Preparing for a disaster is more often than not part of the storage planning process, and without question it is one of the most difficult task, since it includes local hardware and software, networking equipment, and a test plan to ensure that you can recover from the disaster. Learn how to put your organization on the proper disaster recovery plan, now. »
 
Top 10 Articles
  1. Web Developer's Virtual Library: Encyclopedia of Web Design Tutorials, Articles and Discussions
  2. JavaScript Tutorial for Programmers
  3. Design
  4. JavaScript Tutorial for Programmers - Objects
  5. JavaScript Tutorial for Programmers - JavaScript Grammar
  6. JavaScript Tutorial for Programmers - Versions of JavaScript
  7. Cascading Style Sheets
  8. JavaScript Tutorial for Programmers - Embedding JavaScript
  9. JavaScript Tutorial for Programmers - Functions
  10. Authoring JavaScript
Domain Name Lookup
Search to find the availability of a domain name. Just enter the complete domain name with extension (.com, .net, .edu)

Netscape: The DOM

November 19, 1998

Unfortunately, we necessarily begin with a confusing caveat: despite the fact that the DOM as a construct is distinct from JavaScript the language, Netscape's documentation integrates its reference material on the DOM into its JavaScript Reference materials. This can lead to some confusion. Some objects contained in the Netscape documentation, such as the string object, belong to JavaScript, the programming language. Other objects, such as the window object, are actually part of the DOM, accessed via JavaScript. As long as JavaScript and the DOM are intertwined this distinction may seem esoteric, but it is an important reminder that the DOM and the JavaScript language are actually born from two separate specifications.

With regards to Netscape, it is generally accurate to suggest that the DOM "begins" at the window object; all objects which are children of the window object are also part of the DOM. The notable exception to this is the navigator object, whose properties provide information about the browser version, which is a peer object of window rather than a child. Netscape provides a reasonable graphical overview of their DOM found in the image below. This image links to the Netscape page from which it has been mirrored.

An overview of the Netscape Document Object Model.

Netscape DOM


Netscape does not publish a single DOM-specific reference document; rather, we must currently work with two documents to learn the Netscape DOM. First and foremost, Netscape's JavaScript Reference contains detailed information on most DOM objects and their properties, methods, and events. As stated previously, this resource integrates reference material on both JavaScript the language and the Document Object Model. As far as the DOM is concerned, we are interested in the following chapters: Chapter 5 - "Document", Chapter 6 - "Window", Chapter 7 - "Forms", Chapter 8 - "Browser", and Chapter 9 - "Events and Event Handlers".

Unfortunately, Netscape has chosen to dedicate an entirely separate document - "Dynamic HTML in Netscape Communicator" - to coverage of DOM objects which support layers and style sheets, which we should also consider part of the DOM reference. Specifically, we're interested in Chapter 5 - "Style Sheet Reference: New JavaScript Object Properties" and Chapter 9 - "Using JavaScript with Positioned Content".

Of course, there are books on the market which consolidate this information into an easier-to-read format; however, these books necessarily trade-off timeliness for friendliness -- changes to the DOM may quickly render parts of such a book obsolete, until the next edition.

Once you know where to look for DOM reference half the battle is won. Reading the DOM itself is not terribly difficult, assuming you already understand the meanings of objects, properties, methods, and events, and understand how to use them with a programming language such as JavaScript. Perhaps, for example, you remember that the Netscape DOM provides a text object which reflects a single-line text input form field. However, you don't exactly know what properties or method this object supports. So, we open a browser to the aforementioned Chapter 7 of Netscape's JavaScript Reference, which presents us with a table of supported form-related objects:

Chapter 7 - Form Objects

Near the bottom of this table you can (faintly) see the text object. Click that link and you'll be presented with (9 pages of ) full-on anatomy of the text object, including illustrations and example code. Jackpot.

Anatomy of a Text Object More Anatomy of a Text Object

Use the DOM, Luke
The Document Object Model Dissected
Microsoft: DOM, the Sequel


Up to => Home / Authoring / DHTML / DOM




Jupiter Online Media: internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and Jupiter Online Media

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Web Hosting | Newsletters | Tech Jobs | Shopping | E-mail Offers