Javascript関連情報

更新日:2001年05月07日

クロスブラウザを制する Part 2 2-3 HTML出力

指定したレイヤー内のHTMLをまるごと書き換えるファンクション outputLAYER('レイヤ−名',出力するHTML) 。ザクッと書き換えてしまうので用途範囲の広い関数だ。

| ★こんなことが出来ます(サンプル) | 指定したレイヤー内のHTMLをまるごと書き換えるファンクション outputLAYER('レイヤ-名',出力するHTML) 。ザクッと書き換えてしまうので用途範囲の広い関数だ。


*









outputLAYER('idName','出力するHTML')
Win n4 n6 moz e4 e5 e6, Mac n4 n6 moz e4.5 e5 , Linux n4 n6 moz
レイヤー内のHTMLをタグごと書き換えるためのサンプルファンクション。

<script language='JavaScript'>
<!--

  function outputLAYER(layName,html){
    if(document.getElementById){        //e5,e6,n6,n7,m1,o7,s1用
      document.getElementById(layName).innerHTML=html
    } else if(document.all){            //e4用
      document.all(layName).innerHTML=html
    } else if(document.layers) {        //n4用
       with(document.layers[layName].document){
         open()
         write(html)
         close()
      }
    }
  }

//-->
</script>

<!-- 対象レイヤー -->
<div id = "test0" 
     style="position   : absolute  ;
            width      : 200px     ;
            top        : 0px       ;
            left       : 0px       ;
">
<a  href="javascript:
          outputLAYER('test0','<H1>こんにちは</H1>')">
クリックするとこのレイヤー内のHTMLが書き変わります。</a>
</div>
 						
上記サンプルは リンククリックのタイミングで outputLAYER() を起動し、N4ではwriteまたはwritelnを使い、N6,Moz,IE4,IE5,IE6では専用のプロパティinnerHTMLを使って指定したレイヤー内を書き換えます。HTMLをまるごと書き換えできるわけですからこれを使えば、アイディア次第でさまざまな応用が可能になります。


★次のページにサンプルと応用スクリプトを用意しました。 
| 次のページ→| シリーズ目次 |



1 2
  • 印刷する
  • ブックマークする
  • 携帯に送る
  • ブログに書く

あわせて読みたい

この記事の担当ガイド

写真

高橋 登史朗

Javascriptをはじめ、Ajax、jQueryの著書多数のガイドが、何かと最近騒がれているJa…

続きを読む

人気Javascriptランキング

Powered by 価格.com

おすすめ記事

メルマガ登録

【デジタルメルマガ】オトナのオトコなら知っておきたい、PCやデジモノに関する情報をお届けします。

All About モバイル

QRコード

All Aboutがケータイで読める!

オススメ記事をメールでチェック