Javascript - htmlを部分的に書き換える(innerHTML)のデモプログラム

ボタンを押すと、下記ののブロック要素の中身が書き換わります。

Javascript

指定のIDを持った要素の内容を、指定の内容に書き換える

      /* 指定のid属性(引数id)のタグを */
      /* 引数 str の文字列に書き換える。 */
      function innerhtml_demo(id,str){
        document.getElementById(id).innerHTML = str;
      }
  

Html

書き換える要素の任意のID名を付ける、ボタンには第一引数に指定したID名、第二引数に書き換える文字列を書き込む。

ID属性があれば、BODYタグやHEAD内のSTYLEタグも書き換える事ができる。

    <div id="target_innerhtml"></div>

    <p><input type="submit" value="書き換える" onclick="innerhtml_demo('ID属性値','文字列');" /></p>