
Frequently you will need to create a quick website to organize your information. Whether it’s for a quick page advertising a software you’re selling, or just to give some information, static HTML will most likely will be used. But instead of a long boring HTML page, or more complicated and time consuming multiple HTML pages, you can easily organize your information using javascript. This tutorial will show you how to create information and then, using the Document Object Model, hide and display different pages for a unique organisation technique. This is all fully compatible for people who do not have javascript enabled as well. If you still don’t understand, look at the example.
The third and final part to starting to manipulate the Document Object Model with Javascript. This covers using the innerHTML property, creating nodes, and deleting nodes.
Part two of how to begin manipulating elements on a page on-the-fly using the Document Object Model with Javascript. Covers getting and setting attributes and values.
A beginning perspective into how to use the Document Object Model using Javascript to manipulate page elements on the fly. Covers getElementById, getElementsByTagName, childNodes, firstChild, lastChild, and nodeValue.
Javascript can be a very useful tool, Unfortunately, not all browsers have equal support for it. Here I’ll discuss a few methods for making sure your scripts don’t mess up your page in browsers without support.