Connecting Tech Pros Worldwide Help | Site Map

GetElementByID nog working for DIVs in Firefox?

 
LinkBack Thread Tools Search this Thread
  #1  
Old July 19th, 2006, 11:05 AM
Jan Doggen
Guest
 
Posts: n/a
Default GetElementByID nog working for DIVs in Firefox?

Hello,

The following code displays the name for all three elements in IE, but fails
for the1st and 3rd in Firefox.
What could be going on?
I tried SPAN instead of DIV doesn;t work either.
(What I finally want is to set style.invisibility for the text in that DIV)

TIA
Jan

<HTML>
<BODY onload="Init()">

<script type="text/javascript">
function Init()
{
if (document.all)
var msg = 'document.all OK'
else
var msg = 'document.all N/A';

if (document.getElementById)
alert(msg + '\ndocument.getElementById OK')
else
alert(msg + '\ndocument.getElementById N/A');

var divm = document.getElementById("menu");
if (divm)
msg = 'getelementbyid(menu): ' + divm.name
else
msg = 'getelementbyid(menu): N/A';

var ff = document.getElementById("varProfBevoegdheden");
if (ff)
msg = msg + '\ngetelementbyid(varprofbevoegdheden): ' + ff.name
else
msg = msg + '\ngetelementbyid(varprofbevoegdheden): N/A';

var divi = document.getElementById("bvtext");
if (divi)
msg = msg + '\ngetelementbyid(bvtext): ' + divi.name
else
msg = msg + '\ngetelementbyid(bvtext): N/A';

alert(msg);
}
</script>


<div id="menu" name="menu">
<table>
<tr><td>Zoeken 1</td></tr>
<tr><td>Zoeken 2</td></tr>
</table>
</div>


<table>
<tr>
<td>
<div id="bvtext" name="bvtext">Bevoegdheid:</div>
</td>
<td>
<select id="varProfBevoegdheden" name="varProfBevoegdheden" size="4">
<OPTION VALUE="1">Geen voorkeur\n.v.t.
<OPTION VALUE="2">1e graads
<OPTION VALUE="4">2e graads
</select>
</td>
</tr>
</table>

</BODY>



  #2  
Old July 19th, 2006, 11:45 AM
Duncan Booth
Guest
 
Posts: n/a
Default Re: GetElementByID nog working for DIVs in Firefox?

Jan Doggen wrote:
Quote:
The following code displays the name for all three elements in IE, but
fails for the1st and 3rd in Firefox.
What could be going on?
I tried SPAN instead of DIV doesn;t work either.
(What I finally want is to set style.invisibility for the text in that
DIV)
DIV (and SPAN) elements don't have a name attribute.

Use:

msg = 'getelementbyid(menu): ' + divm.getAttribute('name')

to access the non-standard attribute.

The style attribute doesn't have an invisibility attribute either, but I
dare say you'll figure that out.
  #3  
Old July 19th, 2006, 11:55 AM
Richard Cornford
Guest
 
Posts: n/a
Default Re: GetElementByID nog working for DIVs in Firefox?

Jan Doggen wrote:
Quote:
The following code displays the name for all three elements
in IE, but fails for the1st and 3rd in Firefox.
What could be going on?
The first and third elements are DIV elements and DIV elements do not
have NAME attributes in HTML. Firefox is representing this truth by not
creating non-standard properties of these element for any NAME
attributes included in the mark-up for those elements (and any other for
which NAME attributes are not defined), while IE transfer just about any
attribute's value defined in the HTML onto a property of the
corresponding element.
Quote:
(What I finally want is to set style.invisibility for the
text in that DIV)
You have successfully retrieved references to the elements using their
ID attributes so setting properties of their - style - objects should
not be a problem.

Richard.


 

Bookmarks

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is Off
HTML code is Off
Trackbacks are On
Pingbacks are On
Refbacks are On

Popular Articles

What is Bytes?

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over 220,989 network members.