childNodes not working in Firefox and Chrome but working in IE

Question

I have a gridview in its 3rd cell, there is textbox control, I am calling javascript function on onchange.

Can some body tell me why this is not working in Firefox a

Answer 1

@ChaosPandion:

Hey friend don't use this type of check for childNodes.

The counting of childNodes varies. Some browsers include empty textNodes, some do not. In this sort of operation as I believe you are describing, it is better to use the parent's getElementsByTagName() method. That way the number of chidren and index of each child you are looking for will be consistent.

OR

just check your browser's name.

if it is IE then as it neglects empty textnode, the childNode in it is less by one number than other browsers.

for eg.

var isIE = navigator.appName;
if (isIE == "Microsoft Internet Explorer") {                
    var removeProductID = document.getElementById(obj.childNodes[0].id).getAttribute("abc");
}
else {
    var removeProductID = document.getElementById(obj.childNodes[1].id).getAttribute("abc");
}

Hope this helps. Enjoy coding.