Text chenge

このタグの中身を書き換えます。

【Source Code】
<body>
<h1>Text chenge</h1>

<form>
<input type="button" value="テキスト" onclick="reWrite(0)">
<input type="button" value="HTMLタグ" onclick="reWrite(1)">
</form>

<div id="str">このタグの中身を書き換えます。</div>

<script>
function reWrite(num)
{
  if (document.getElementById)
  {
    if (num==0)
    { document.getElementById("str").textContent="<h1>テキスト</h1>の書換え";  }
    else
    { document.getElementById("str").innerHTML="<h1>タグ</h1>が有効の書換え";  }
  }
}
</script>

ボタンのクリックでページ上の Text を書き換えます。
"テキスト"では 0 を、"HTMLタグ"では 1 を引数にして reWrite() 関数を呼び出します。
<form>
<input type="button" value="テキスト" onclick="reWrite(0)">
<input type="button" value="HTMLタグ" onclick="reWrite(1)">
</form>

書き換えを行う reWrite() 関数です。
引数が 0 のときは TEXT をそのまま書き換えます。
引数が 1 のときは HTML タグを有効にして書き換えます。
<script>
function reWrite(num)
{
  if (document.getElementById)
  {
    if (num==0)
    { document.getElementById("str").textContent="<h1>テキスト</h1>の書換え";  }
    else
    { document.getElementById("str").innerHTML="<h1>タグ</h1>が有効の書換え";  }
  }
}
</script>

書き換えが行われる TEXT は <div> で定義します。
id で "str" を設定して下さい。
<div id="str">このタグの中身を書き換えます。</div>

前田稔の超初心者のプログラム入門
超初心者のプログラム入門(JavaScript)