I need to change a series of values

[juliushg]

I have a list of divs like this:

<div>8</div>
<div>5</div>
<div>0</div>
<div>6</div>
<div>0</div>
<div>0</div>
<div>1</div>

Now I need to turn off all zeroes displaying, I suppose that it's something like:

if (document.getElementsByTagname("div").innerHTML="0"){
**then the innerHTML changes to " " **
}

But I'm not sure the exact steps, please enlighten me.

[Old Pedant]

Do you *MEAN* turn off? In that case, instead of just changing the 0 to "" wouldn't you want to change the div's style to "display: none;"??

BUt anyway:

var divs = document.getElementsByTagname("div");
for ( var d = 0; d < divs.length; ++d )
{
    var div = divs[d];
    if ( div.innerHTML == "0" ) 
    {
        div.innerHTML = "";
        // or 
        div.style.display = "none";
    }
}

Note that this will process *ALL* the <div>s on your page.

If possible try to somehow "contain" them.

Example:

<div id="onlyLookHere">
    <div>8</div>
    <div>5</div>
    <div>0</div>
    <div>6</div>
    <div>0</div>
    <div>0</div>
    <div>1</div>
</div>

and then do:

var divs = document.getElementById("onlyLookHere").getElementsByTagname("div");
for ( var d = 0; d < divs.length; ++d )
{
    var div = divs[d];
    if ( div.innerHTML == "0" ) 
    {
        div.innerHTML = "";
        // or 
        div.style.display = "none";
    }
}

[juliushg]

Yes! It worked great, I only observed one typo ("Tagname") and because I'm not used to method names, it was bugging me, but I found it. And yes, both hide methods work for me. And yes, I had to contain the divs in another one.

Thanks Old Pedant, how long since the last time you helped me!