JS: How to make document.getElementById cross-browser?

Question

document.getElementById doesn't seem to work across all browsers (I mean some old ones) and I am sure there are developers who are not aware of this.

What solutions would you suggest to make it cross-browser?

Thanks

Answer 1

If document.getElementById doesn't work then either:

• You're doing it wrong (invalid HTML, trying to access names instead of IDs, etc)

or

• You're working with Netscape 4.x and Internet Explorer 4.x

There are three ways to deal with browsers of this era.

• Tell people to upgrade. They are unmaintained, security hole ridden nightmares for user and author alike.
• Build on stuff that works and make sure your JS checks for the existence of getElementById and friends before trying to use them ( if (!document.getElementById) { return false; /* Insufficient DOM to bother with JS here */ } )
• Learn about document.all and document.layers

Answer 2

Are you sure its not this kind of problem? Have a look its interesting, I didn't know that before.

However, to complement what is already suggested by David Dorward, you write a function like below.

function getElement (id) {

  if (document.getElementById) {
    return document.getElementById(id);
  }

  else if (document.all) {
    return window.document.all[id];
  }

  else if (document.layers) {
    return window.document.layers[id];
  }
} 

Answer 3

getElemID(obj){

if(document.getElementByID){
 return document.getElementByID(obj);
}

 else if (document.all){
  return document.all[obj];
  }

  else if (document.layers){
     return  document.layers[obj];
     }

  else {
       alert("Could not find support");
       return false;
       }
}