Javascript question for Use W3C standard document.getElementById() instead

Hello experts.
I'm using a javascript function to show/hide panels onclick:
f.e
<script language = "javascript" type="text/javascript">
            function ShowMain() {
                  Main.style.display = "block";
                  DetailsSec.style.display = "None";
                  Options.style.display = "None";
                  Images.style.display = "None";
                  Discounts.style.display = "None";
                  HTMLCode.style.display = "None";
            }
</script>


.......onClick="javascript:ShowMain()"....
<span id = "Main">
......
</span>

i get in firebug a message:
Element referenced by ID/NAME in the global scope. Use W3C standard document.getElementById() instead.
 
any help;
LVL 2
PanosAsked:
Who is Participating?
 
chaitu chaituCommented:
//you need to do like this..
document.getElementById("Main") .style.display = "block";
0
 
PanosAuthor Commented:
Thank you for your help.
regards
panos
0
Question has a verified solution.

Are you are experiencing a similar issue? Get a personalized answer when you ask a related question.

Have a better answer? Share it in a comment.

All Courses

From novice to tech pro — start learning today.