GetElementByID nog working for DIVs in Firefox?

J

Jan Doggen

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>
 
R

Richard Cornford

Jan said:
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.
(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.
 

Ask a Question

Want to reply to this thread or ask your own question?

You'll need to choose a username for the site, which only take a couple of moments. After that, you can post your question and our members will help you out.

Ask a Question

Members online

Forum statistics

Threads
474,001
Messages
2,570,255
Members
46,853
Latest member
GeorgiaSta

Latest Threads

Top