Overriding IE's getElementById() - The JavaScriptSource

By Max Wilson on Mar 3, 2008

General

There is a well-known bug in the Internet Explorer implementation of the getElementById() method, which, contrary to the W3C standard, allows the method to return an element even if only the element’s name attribute matches the requested id. This snippet will easily correct that problem.

Notes

Created by: J. Max Wilson
Web Site: http://www.sixteensmallstones.org/
Posted: March 3, 2008

Further details available on the Web site.

Source Code

Paste this source code into the designated areas.

External file

Paste this code into an external JavaScript file named: overridingIE.js

/* This script and many more are available free online at
The JavaScript Source!! http://www.javascriptsource.com
Created by: J. Max Wilson | http://www.sixteensmallstones.org/ */

if (/msie/i.test (navigator.userAgent)) {  // only override IE
 	document.nativeGetElementById = document.getElementById;
	 document.getElementById = function(id) {
		  var elem = document.nativeGetElementById(id);
  		if(elem) {
			   // make sure that it is a valid match on id
			   if(elem.attributes[‘id’].value == id)	{
				    return elem;
			   } else {
				    // otherwise find the correct element
				    for(var i=1;i<document.all[id].length;i++) {
					     if(document.all[id][i].attributes[‘id’].value == id) {
  						    return document.all[id][i];
					     }
				    }
			   }
		  }
		return null;
	 };
}

Head

Paste this code into the HEAD section of your HTML document.


<script type=”text/javascript” src=”overridingIE.js”></script>

Overriding IE’s getElementById()

General

Notes

Source Code

External file

Head

Related Items via Envato Market

More Addon JavaScript Snippets