JavaScript - document.getElementById

・getElementById (Google検索結果)
ドキュメントにある特定のIDを示す。XMLデータならXMLオブジェクトの中から該当のID名を検索する。そしてその情報を返す。

・innerHTML (Google検索結果)
・innerTextとinnerHTML
ページの一部を動的に入れ替える

・innerText (Google検索結果)
idの中の値を取得する。値として文字列を返す。HTMLタグもそのまま
表示されるので、HTMLタグを有効にしたければ、innerHTMLプロパティ
を使用すること。

<script type="text/javascript"><!--
function change(){
          document.getElementById("txt").innerHTML = "さようなら";
//documentオブジェクト内のgetElementByIdメソッドの
//innerHTMLプロパティで、ドキュメントのIDを取得して、
//HTMLを参照する。
    }

//--></script>
<div id="txt">こんにちは</div>
<form>
<input type="button" value="押して" onClick="change();">
</form>

こんにちはを、さようならに変化させます。