【Javascript】クロスブラウザを制する Part 2　2-1 表示属性 visibility (2)

<SCRIPT LANGUAGE='JavaScript'>
<!--

function hideLAYER(idName){ 

  if(document.getElementById) //NN6,Mozilla,IE5用
    document.getElementById(idName).style.visibility
                                           = 'hidden' 
    
  else if(document.all)       //IE4用
    document.all(idName).style.visibility  = 'hidden' 
    
  else if(document.layers)    //NN4用
    document.layers[idName].visibility     = 'hide' 

}

//-->
</SCRIPT>

<!--↓このリンクをクリックすると-->
<A HREF="javascript:hideLAYER('test0')">
クリックすると表示されていたレイヤ－が消える</A>

<!--↓このレイヤ－が消える-->
<DIV ID = "test0" 
 STYLE="position   : relative ;
        font-size  : 24pt     ;
">
<FONT FACE="Arial">さようなら</FONT>
</DIV>