Document Object Model JavaScript

Overview

Being able to control and access the Document Object Model using JavaScript has been in the major browsers, for the world wide web, for quite some time now. Document Object Model or DOM as it is often called, is used internally by the browser to apply style to elements, and is referred to when the page renders. By allowing JavaScript to access the DOM after render we can turn a static web page into something more akin to a dynamic GUI program.

The web is a form of distributed processing when JavaScript is included into the mix; e.g. if you wish to reorder a set of results you can return and ask the server to transmit another page with the new order, or you could take the burden off the server and let JavaScript work its magic on the client side.

New styles of interfaces can be created, and often the user can chose their own styles aided by JavaScript and its ability to manipulate the DOM.

By combining AJAX techniques we can also get small amounts of information from a server and then include them in the existing page without having to get the full page transmitted from the web server.

The DOM is not hard to use, it just takes a little getting use to. I won't be using any DOM libraries or AJAX libraries on this site, instead I will just use the basic features offered by JavaScript. You should find it surprisingly easy, after a while, to leverage the power of the DOM and JavaScript. The real art comes in knowing when to use the effects and how to maintain compatibility amongst the suite of available browsers and search engines.

Site Pages

Index: Overview of the Poised Solutions Document Object Model (DOM) JavaScript website, with a brief explanation of each page. This page!
Methods: Description of the document methods associated with the DOM in JavaScript.
Styling: Discussion of how to style using JavaScript.
Attributes: Accessing, and setting attributes using the DOM in JavaScript.
Unicode: Unicode and text nodes, how they relate.
Removing: How to remove elements from a document using JavaScript.
Walking: Walking the DOM tree, using JavaScript.
Tickering: Tickering effects, using the DOM and JavaScript.
Effects: Various miscellaneous effects with DOM and JavaScript.
Bookmarklets: How to use your JavaScript on external pages for your own effects.

Index

Overview

Site Pages

Links