ボタンでオブジェクトを非表示にする
<SCRIPT language="JavaScript"> <!-- function ok(){document.all('test').style.visibility="hidden";} //--> </SCRIPT> この文章は、一般のオブジェクトです。 <FORM> <INPUT TYPE="BUTTON" ONCLICK="ok()" value="削除"> </FORM> <HR> <DIV ID="test"> <H1>この文章は、オブジェクト化されて独立しています。</H1> </DIV>
表示ボタン
でサンプルが新しいウインドウで表示されます。
で初めのサンプル状態に戻ります。
二度目からは、言葉などを改造して表示ボタンを押してみよう!!
少し説明をします
ここでやっと、JavaScriptを利用します。
document.all('test').style.visibility="hidden"
で命令をしています。
命令の意味は、
document.all('test')
に
style.visibility="hidden"
をしろと言う命令文です。
わかり易く言えば、
ID="test"
のスタイルシートの設定を、
visibility="hidden"
に変更しろと言う意味です。
-戻る-