setting display to none

[PJ6]

When I call this function (I verified that I'm actually getting an element
with the id), why does IE ignore my attempt to set the display to none?

<script>
function test(id)
{
elem = document.getEle mentById(id)
elem.id.style = 'display: none;'
}
</script>

Paul

[Mick White]

PJ6 wrote:

When I call this function (I verified that I'm actually getting an element
with the id), why does IE ignore my attempt to set the display to none?

<script>
function test(id)
{
elem = document.getEle mentById(id)
elem.id.style = 'display: none;'
}
</script>

elem.style='dis play: none' //Not sure about this, though.

OR

function test(id){
document.getEle mentById(id).st yle.display = "none"
}
Mick

[Boobie]

code is wrong

"PJ6" <no****@nowhere .net> wrote in message
news:RohVe.3887 $3b6.186@trndny 07...

When I call this function (I verified that I'm actually getting an element
with the id), why does IE ignore my attempt to set the display to none?

<script>
function test(id)
{
elem = document.getEle mentById(id)
elem.id.style = 'display: none;'
}
</script>

Paul

[PJ6]

Sorry, posted the wrong code...

The element's visibility is unchanged, although the alert tells me that its
property was properly set:

function test(id)
{
elem = document.getEle mentById(id)
if (elem.display == "block")
{
elem.display = "none"
}
else
{
elem.display = "block"
}
alert(elem.disp lay)
}

Paul

"Mick White" <mw***********@ rochester.rr.co m> wrote in message
news:IM******** **********@twis ter.nyroc.rr.co m...

PJ6 wrote:

When I call this function (I verified that I'm actually getting an
element with the id), why does IE ignore my attempt to set the display to
none?

<script>
function test(id)
{
elem = document.getEle mentById(id)
elem.id.style = 'display: none;'
}
</script>

elem.style='dis play: none' //Not sure about this, though.

OR

function test(id){
document.getEle mentById(id).st yle.display = "none"
}
Mick

[web.dev]

PJ6 wrote:

Sorry, posted the wrong code...

The element's visibility is unchanged, although the alert tells me that its
property was properly set:

function test(id)
{
elem = document.getEle mentById(id)
if (elem.display == "block")
fix #1: if(elem.style.d isplay == "block")
{
elem.display = "none"
fix #2: elem.style.disp lay = "none";
}
else
{
elem.display = "block"
fix #3: elem.style.disp lay = "block";
}
alert(elem.disp lay)
}

Paul

Or if you would like to skip the if else statement altogether, you can
try something like this:

elem.style.disp lay = (elem.style.dis play == "block") ? "none" :
"block";

Hope this helps. :)

[RobG]

PJ6 wrote:

Sorry, posted the wrong code...

The element's visibility is unchanged, although the alert tells me that its
property was properly set:

function test(id)
{
elem = document.getEle mentById(id)
if (elem.display == "block")
{
elem.display = "none"
}
else
{
elem.display = "block"
}
alert(elem.disp lay)
}

The generic method is to toggle between 'none' and ''. That allows the
element to return to its default display (which may not be block and may
vary depending on the browser)

function showHide(id)
{
if (document.getEl ementById) {
var elem = document.getEle mentById(id)
if (elem.style) {
elem.style.disp lay = ('' == elem.style.disp lay)? 'none' : '';
}
}
}

[...]

--
Rob