Prototype JavaScript framework

Section DOM

Description

Extensions to DOM elements, plus other utilities for DOM traversal and modification.

Prototype's DOM extensions represent a large portion of where you'll spend your time. Prototype adds many convenience methods to elements returned by the $ function. For instance, you can write

$('comments').addClassName('active').show();

to get the element with the ID of comments, add a class name to it, and show it (if it was previously hidden).

In other words, Prototype adds "instance" methods to DOM nodes. This is made possible by direct extension of the backing DOM objects (in browsers that support it) and by manual extension of individual nodes (in browsers that do not).

Utilities

Namespaces

  • Abstract

  • Form.Element

  • Event

  • Form

  • document

    Prototype extends the built-in document object with several convenience methods related to events.

  • document.viewport

    The document.viewport namespace contains methods that return information about the viewport — the rectangle that represents the portion of a web page within view. In other words, it's the browser window minus all chrome.

Classes