Web Developer's Room
HOME > DHTML講座 > ドキュメントを動的に変更する(3)     

ドキュメントを動的に変更する(2)

innerTextで、テキストを動的に変更します。

<html>
<body>

<script language="Javascript">
function Click_Sub1() {
  document.all.div1.innerText="テキストを表示しています。";
}
function Click_Sub2() {
  document.all.div1.innerText="";
}
</script>

<input type="button" onclick="Click_Sub1()" value="表示">
<input type="button" onclick="Click_Sub2()" value="非表示">
<div id=div1>初期状態です。</div>

</body>
</html>
【説明】
innerTextでdiv1に文字列を送ります。
表示をクリックすると、div1「テキストを表示しています。」という文字列を送ります。
非表示をクリックすると、div1「空白」の文字列を送ります。

 サンプル

関連リンク
  • DHTMLとは
  • DHTMLの基本
  • DHTMLで使用できるイベント
  • ドキュメントを動的に変更する(1)
  • ドキュメントを動的に変更する(3)
  • ドキュメントを動的に変更する(4)




  • スポンサードリンク


    (C) Web Developer's Room All rights reserved.