This example was contributed by Christian Heilmann and members of his Juku training class at Yahoo.

Dom Collection: Exploring the Dom Collection's API

In this example, the use of several key Dom Collection methods is explored. Given the markup in the source section, you can invoke any of the methods by clicking on them; the Source is updated, as is its in-browser appearance (Render). In the Outupt section, you can review the elements that are selected or affected (or, in a few cases, the JavaScript return value) of the function you invoked.

View example in new window.

Source

Functions

Render

Output

Configuration for This Example

You can load the necessary JavaScript and CSS for this example from Yahoo's servers. Click here to load the YUI Dependency Configurator with all of this example's dependencies preconfigured.

YUI Logger Output:

Note: You are viewing this example in debug mode with logging enabled. This can significantly slow performance.

Reload with logging
and debugging disabled.

YUI Library Examples: Dom Collection: Exploring the Dom Collection's API

Configuration for This Example

YUI Logger Output:

Dom Collection Examples:

More Dom Collection Resources: