Document Object Model

Return to Home Page
Dynamic Row Elements |  Dynamic Content Elements |  Dynamic Active Link |  More on Dynamic Active Link
Adding Column to a Table |  Writing to the Model |  Array to DOM Table |  Search to DOM Table

  • The Document Object Model is a platform - and language - neutral interface that will allow programs and scripts to dynamically access and update the content, structure and style of documents. The document can be further processed and the results of that processing can be incorporated back into the presented page.
  • "Dynamic HTML" is a term used by some vendors to describe the combination of HTML, style sheets and scripts that allows documents to be animated.
  • JavaScript is the language used to manipulate document elements.
  • In essence, the DOM makes it possible for programmers to write applications which work properly on all browsers and servers and on all platforms. While programmers may need to use different programming languages, they do not need to change their programming model.
  • The end goal is to have a more fully functional Web Page.

Some of the functionality can be seen in the table.
The table called "The Planets" can be sorted by column.
The sort is accomplished by swapping rows based upon the value of a given column.
The dynamic nature of this page allows information to be better understood.

More on DOM Elements and Methods can be found at the following URL
getElementById

Add to Favorites

The Planets
Name Diameter (mi.) Distance
(mi. x 1000000)
Rotation (hrs.) Period (days)
Mercury 3032 36.0 1407.6 88
Venus 7521 67.2 5832.5 225
Earth 7926 93.0 23.9 365
Mars 4222 141.6 24.6 687
Jupiter 88846 483.8 9.9 4331
Saturn 74897 890.8 10.7 10747
Uranus 31763 1784.8 17.2 30589
Neptune 30775 2793.1 16.1 59800
Pluto 1485 3647.2 153.3 90588