help regarding document.getElementById('').styles.display

[omerbutt]

hi there i am amking an inventory application with php,ajax,javascript,html,dhtml,sql
the problem is that i have hidden the input fields regarding the replace no's of the parts with this line of code

        document.getElementById('bgrp1').style.visibility='hidden';
    document.getElementById('lable_rp_no1').style.display='none';
    document.getElementById('rp_no1').style.display='hidden';
 

the code for the html part is here

[HTML]
<tr><td class="add" id="bgrp1"><div align="left" id="lable_rp_no1">Replace No1:</div></td>
<td width="150" align="Center" valign="Center"><div align="left" id="div_rp_no1" class="addinp"><input name="rp_no1" type="text" size="25" ></div></td>
</tr>
[/HTML]

the problem is that it runs absolutely perfect in the internet explorer, and hides the input fields also ,but when i try to run it in the FIREFOX it gives me error on the line

document.getElementById('rp_no1').style.display='h idden';

and the error is

Error: document.getElementById("rp_no1") has no properties
Source File: http://localhost/ashar/js/Ad_stk2.js
Line: 346
 

any suggestions for this awaiting reply ,
regards,
omer

[acoder]

There's no element with id rp_no1. IE erroneously allows you to access elements by id using their name, rather than the id only.

[omerbutt]

There's no element with id rp_no1. IE erroneously allows you to access elements by id using their name, rather than the id only.

sir i even gave the id="rp_no1" in the input field but it still gives me the same error

[omerbutt]

sir i even gave the id="rp_no1" in the input field but it still gives me the same error

hey sorry for the last post it solved my problem sir
regards,
omer.

[acoder]

Glad to hear that you got it working. Remember that getElementById means ID only.