Question

window.onload = function(e){ 
     cells = document.getElementsByName('assetID');
     for(j = 0; j < cells.length; j++) cells[j].style.display = 'none';
     cellsBMPartNo = document.getElementsByName('BMPartNo');
     for(j = 0; j < cellsBMPartNo.length; j++) cellsBMPartNo[j].style.display = 'none';
     defaultAssetTableValues();
}

I am simply hiding table rows by name.
See line 2 and 4 .
It works fine in Firefox but does not in IE.
Am I missing something ?

Answer 1

IE does not see elements added to the document dynamically (through the DOM) with getElementsByName. Are your elements created that way?

There are other problems with that method in different versions of IE. As a workaround, you could use getElementsByTagName('td') and then check to see if the name attribute matches the one you are looking for in a for-loop, iterating through the array of elements.

Here’s a “IE-fixed” version of getElementsByName:

function getElementsByName2(tag, name) {
    var els = document.getElementsByTagName(tag);
    var arr = [];
    for (var i = 0; i < els.length; i++) {
        if (els[i].getAttribute("name") == name) {
            arr.push(els[i]);
        }   
    }
    return arr;
}

And you would use it like so (for elements in table cells with name ‘assetID’):

var cells = getElementsByName2('td', 'assetID');