This shows how the computed style of each node differs from the computed style of its parent. The root element, which has no parent, is instead compared against the root of a blank HTML document.

* create a new bookmark called "compute styles" in your firefox toolbar. Place the snippet code in the location field of your "compute styles". click the compute styles bookmark, then click an element on the page with the crosshairs.

Gives you the ability to dynamically include a CSS file at any time in your HTML page using Javascript.

Here's a library to manage CSS class names on DOM elements.

a simple css way to add shadow to tables and Divs

Using styles we can add scrollbars for large table where the space is a constraint

Not really a hack, but rather a workaround for layout problems with IE.
Conditional

Get computed Height of an HTML Element

Get computed Width of an HTML Element

Set the read-only attribute of a file to true or false.

One way to group elements in HTML is to assign them a name attribute. Multiple elements can share a name, then you can easily access them as an array using the getElementsByName() method.

The problem is that some DOM parsers aren't keen on, or are ignorant to, this use of the name attribute, so a simple object.name returns undefined. In my case, it was a DIV in Firefox 1.5 that was behaving this way.

There is a simple work around for this that works in Firefox, I haven't tested it in others. It is to use the getAttribute method that is an extension of any element object.

This ability can be useful if you have a function that performs a transformation on the active element, and another transformation on closely related elements.