Dynamically changing the class of an element

[arundahar]

I have 2 frames on my page. How do i change the "class" of an element using javascript?

Thanks

A.

 

[SashiRaveendran]

element.className = "NewClassName"

 

[arundahar]

hmm, what i actually meant is to change this :

class='Show' to class='Hide'

rather than the actual className itself..

Doesn't there have to be a document. before your example?

 

[SashiRaveendran]

<DIV id=ShowHideDiv>hello</DIV>
<a href=&quot;#&quot; onclick=&quot;ShowHide(); return false&quot;>Show/Hide</a>

Either Write (IE, N6):
<script language=javascript>
function ShowHide()
{
if (ShowHide.style.visibility==&quot;visible&quot
{
ShowHideDiv.style.visibility=&quot;hidden&quot;
}
else
{
ShowHideDiv.style.visibility=&quot;hidden&quot;
}
}
</script>


or (IE):


<script language=javascript>
function ShowHide()
{
if (document.all[&quot;ShowHideDiv&quot;].style.visibility==&quot;visible&quot
{
document.all[&quot;ShowHideDiv&quot;].style.visibility=&quot;hidden&quot;
}
else
{
document.all[&quot;ShowHideDiv&quot;].style.visibility=&quot;hidden&quot;
}
}
</script>

 

[SashiRaveendran]

<DIV id=ShowHideDiv>hello</DIV>
<a href=&quot;#&quot; onclick=&quot;ShowHide(); return false&quot;>Show/Hide</a>

Either Write (IE, N6):
<script language=javascript>
function ShowHide()
{
if (ShowHide.style.visibility==&quot;visible&quot
{
ShowHideDiv.style.visibility=&quot;hidden&quot;
}
else
{
ShowHideDiv.style.visibility=&quot;visible&quot;
}
}
</script>


or (IE):


<script language=javascript>
function ShowHide()
{
if (document.all[&quot;ShowHideDiv&quot;].style.visibility==&quot;visible&quot
{
document.all[&quot;ShowHideDiv&quot;].style.visibility=&quot;hidden&quot;
}
else
{
document.all[&quot;ShowHideDiv&quot;].style.visibility=&quot;visible&quot;
}
}
</script>