トップページ >  JavaScript >  文字列表示非表示の切替
初版2008/04/15: 最終更新日2008/04/15
  文字列表示非表示の切替
目次
文字列表示非表示の切替
ソース
文字列表示非表示の切替
オブジェクト内のHTML文を挿入することができます。
これにより動的なページを作成することができます。
オブジェクト内にHTML文を挿入するには

document.getElementById("").innerHTML = "テキスト文(タグを含む)";
document.getElementById("").innerTEXT = "テキスト文(タグを含まない)";

を使用します。タグを反映させたい場合はinnerHTMLを使用します。
以下は、デフォルトと表示されていますがボタンを押すことにより動的に表示を切り替えます。

デフォルト


   

ソース
<html>
<head>
<title></title>
</head>
<body>
<input type="button" value="表示ボタン" name="button1" onclick="a()">
<input type="button" value="非表示ボタン" name="button3" onclick="b()">
<script language="JavaScript">
<!--
function a(){
    document.getElementById("div1").innerHTML = "文字表示";
}
function b(){
    document.getElementById("div1").innerHTML = "";
}
// -->
</script>
</body></html>