//--レイヤ−名で処理する場合

Syntax : setFGCOLOR('レイヤ−名',色) 





  function setFGCOLOR(layName,color){ 
    if(document.all)                    //e4,e5,e6用
      document.all(layName).style.color=color
    else if(document.getElementById)    //n6,n7,m1,o6,o7,s1用
      document.getElementById(layName).style.color=color
  }


Example

<script type='text/javascript'>
<!--

  function setFGCOLOR(layName,color){ 
    if(document.all)                    //e4,e5,e6用
      document.all(layName).style.color=color
    else if(document.getElementById)    //n6,n7,m1,o6,o7,s1用
      document.getElementById(layName).style.color=color
  }

//-->
</script>

<!--↓このボタンをクリックすると/////////////////////-->
<form>
<input type="button" value="royalblue"  
       onClick="setFGCOLOR('test','royalblue')">
<input type="button" value="orange"  
       onClick="setFGCOLOR('test','orange')">
</form>

<!--↓このレイヤ−の文字色が変わります////////////////-->
<div id="test" style="font-size:36px">
この文字の色を変えます
</div>




//--オブジェクト名で処理する場合

上記の関数をレイヤー名の代わりにオブジェクトで処理するようにしたもの。
ブラウザ毎の実装オブジェクト処理が別立てになるので関数がシンプルになる。

Syntax : setFGCOLORoj(オブジェクト,色) 



  function setFGCOLORoj(oj,color){ 
    if(!document.layers) oj.color=color //e4,e5,e6,n6,n7,m1,o6,o7,s1用
  }


Example

<script type='text/javascript'>
<!--

  function setFGCOLORoj(oj,color){ 
    if(!document.layers) oj.color=color //e4,e5,e6,n6,n7,m1,o6,o7,s1用
  }

  //--layNameで指定したオブジェクトを返す(必ずonload後に実行すること)
  function getLayStyleOj(layName){  
    if(document.getElementById)         //e5,e6,n6,n7,m1,o6,o7,s1用
      return document.getElementById(layName).style
    else if(document.all)               //e4用
      return document.all(layName).style
    else if(document.layers)            //n4用
      return document.layers[layName]
  }

//-->
</script>

<!--↓このボタンをクリックすると/////////////////////-->
<form>
<input type="button" value="royalblue"  
       onClick="setFGCOLORoj(getLayStyleOj('test'),'royalblue')">
<input type="button" value="orange"  
       onClick="setFGCOLORoj(getLayStyleOj('test'),'orange')">
</form>
<!--↓このレイヤ−の文字色が変わります////////////////-->
<div id="test" style="font-size:36px">
この文字の色を変えます
</div>