A few years ago I created a page for testing browser support of different DOM properties and methods. As it was just a testing tool for a particular project I never made it publicly available. I can across it the other day and thought it may be useful to other developers here it is DOM Browser Support.

This page tests your browser for DOM (Document Object Model) support and allows you to compare it to other popular browsers. The first column after the property name shows your browser result.

The tests used are very simple and results should only be used as a guide. Be aware of browsers that only partially support the property

These days with all the Ajax and JavaScript Libraries around worrying about browser support is a thing of the past or at least something left to the library. I hope this is useful to someone.

For this DOM test to work with your browser you need to support at least getElementById.
Does your browser support getElementById?

Properties

		IE				Firefox	Opera
DOM property	Your browser	5	5.5	6	7	2	6	7.0
Attributes
childNodes
className
clientHeight, clientWidth
firstChild
id
innerHTML
lastChild
nextSibling, previousSibling
nodeName
nodeType
offsetHeight, offsetWidth
offsetParent
offsetLeft, offsetTop
parentNode
scrollHeight, scrollWidth
tabIndex
tagName
textContent

Methods

		IE				Firefox	Opera
DOM method	Your browser	5	5.5	6	7	2	6	7
addEventListner
appendChild
blur
click
cloneNode
dispatchEvent
focus
getAttribute
getAttributeNS
getAttributeNode
getAttributeNodeNS
getElementsByTagName
hasAttribute
hasAttributes
hasChildNodes
insertBefore
removeAttribute
removeAttributeNode
removeChild
removeEventListener
replaceChild
setAttribute
setAttributeNS
setAttributeNodeNS

Proprietry

		IE				Firefox	Opera
DOM object	Your browser	5	5.5	6	7	7	6	7.0
innerText
All
canHaveChildren
canHaveHTML
children
contentEditable
currentStyle
document
outerText
outerHTML
parentElement
addBehavior
applyElement
attachEvent
contains
dragDrop
fireEvent
removeExpression
removeNode
replaceNode
swapNode

One of the many cool additions to Drupal 5 that I have only recently discovered is JQuery.

jQuery is a fast, concise, JavaScript Library that simplifies how you traverse HTML documents, handle events, perform animations, and add Ajax interactions to your web pages. jQuery is designed to change the way that you write JavaScript.

I managed to get cool little drop down menu working with just a couple of lines of code for a site I am developing.