画像やテキストをダイナミックに書き換える

とほほのWWW入門 > アラカルト > 画像やテキストをダイナミックに書き換える
1999年6月20日初版 1999年10月24日更新

■ 説明

Internet Explorer 4.0のダイナミックHTMLでは、Webページ上の画像やテキストなどのオブジェクトを好きな時に、すきな具合に書き換えることができます。Internet Explorer 4.0以降のみで使用可能です。

■ 実例

下記のHTMLをいろいろ変更して [OK] ボタンを押してみましょう。

AAABBBCCC

■ ソースコード

<SCRIPT LANGUAGE="JavaScript"> <!--
function func() {
   if (document.all && document.all.D1) {
      document.all.D1.innerHTML = document.F1.T1.value;
   }
}
// --> </SCRIPT>

<FORM NAME="F1">
<TEXTAREA NAME="T1" COLS=50 ROWS=5>AAA<B>BBB</B>CCC</TEXTAREA>
<BR><INPUT TYPE=button VALUE="OK" onClick="func()">
</FORM>

<DIV ID="D1">AAA<B>BBB</B>CCC</DIV>

■ 動作確認

IE4.0/5.0(Win)、IE4.0(Mac)で動作確認しています。また、NN2.0/3.0/4.0/4.6(Win)では動作はしませんがエラーが発生しないことを確認済みです。

Copyright (C) 1999 とほほ
http://wakusei.cplaza.ne.jp/twn/wwwxx034.htm