IE9 problems with document.GetElementById()

Home » Client Side Programming » General Topics » Web Development » IE9 problems with document.GetElementById()
IE9 Logo

I have worked in the past for corporate clients who are still using IE9. So despite IE and IE9 in particular not being that widespread in the wild, for these intranet systems, my apps must support IE9.

This is not usually a problem, but I do recall a problem occurring in the past which went against what you might expect.

I had some JavaScript whose job it was to open a popup on a web page and pass some data from the page to the popup so the user could review it and press “Search”. When the data was found, the user pressed a “Select” link on the popup and the JavaScript passed the data back to the original page and closed the popup. Should be simple right?

The JavaScript code that transferred the data looked something like this:


var custRegCodeTextBox = document.getElementById('CustRegCodeTextBox');
var destCustRegCodeTextBox = document.getElementById('DestCustRegCodeTextBox');
destCustRegCodeTextBox.value = custRegCodeTextBox.value;
$('#popup').fadeIn(700);

The code worked absolutely fine on my Windows 7 development machine running the same version of IE9 as the client (9.0.8112.16421 – 9.0.35) but it failed with JavaScript errors on the client. Why did this occur? A lot of head scratching and trial and error ensued because isn’t document.getElementById one of the most fundamental things?

The solution was to change the code to use jQuery throughout, e.g.:


var custRegCodeTextBox = $('#CustRegCodeTextBox');
var destCustRegCodeTextBox = $('#DestCustRegCodeTextBox');
destCustRegCodeTextBox.val(custRegCodeTextBox.val());
$('#popup').fadeIn(700);

Why did this work? The best I have to offer are two reasons:

  1. ASP.NET Webforms will generate id=”Something” name=”Somethingelse” even when ClientIDMode=”Static”. This may have been something to do with it.
  2. The customer had intranet compatibility mode turned on, and nothing I could do in the page would turn it off.

Anyway, its not very often that using a library solves a problem, usually the opposite is true, if the library introduces a bug, going to the building blocks normally solves it. This just shows to me just how good jQuery really is.

About Phil

I have been working as a software developer since 1983. This blog could have been called "From Fortran 77, C and Cobol to C# in 20 (not so) easy years", but it doesn't sound quite right somehow. Besides I'm talking about what's happened since 2003, not before!

Leave a Reply

Your email address will not be published.


You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code class="" title="" data-url=""> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong> <pre class="" title="" data-url=""> <span class="" title="" data-url="">




Top Posts & Pages

Categories

Recent Posts

Recent Comments

Archives

Blogroll

  • Mike Cohn's Blog
  • Scott Hanselman's Blog
- mike@mountaingoatsoftware.com

In an ideal world, a Scrum team could perform the work of its sprints entirely uninterrupted. Produc [...]

- mike@mountaingoatsoftware.com

Do Scrum long enough and someone will suggest stopping the daily scrums. Here’s how to reply. [...]

- mike@mountaingoatsoftware.com

When estimating in story points, teams should think in terms of ranges and rounding up. Here’s why. [...]

- mike@mountaingoatsoftware.com

Batman would make the perfect Scrum Master. Once he eliminates crime in Gotham City, I plan on offer [...]

- mike@mountaingoatsoftware.com

It can sometimes be a challenge to get people to attend and then participate in sprint reviews. Here [...]

- Scott Hanselman

I love everything about PICO-8. It's a fantasy gaming console that wants you - and the kids in [...]

- Scott Hanselman

I've been a remote worker and an occasional YouTuber for well over a decade. I'm always lo [...]

- Scott Hanselman

I love me some text mode. ASCII, ANSI, VT100. Keep your 3D accelerated ray traced graphics and give [...]

- Scott Hanselman

Being able to seamlessly run Linux on Windows is making a bunch of common development tasks easier. [...]

- Scott Hanselman

I've been trying on and off to enjoy Ruby on Rails development on Windows for many years. I was [...]

Meta