[javascript DOM] Q. ノードを操作するには?

A.
createElementでノードオブジェクトの作成を行い
要素ノード.appendChild(追加したいノードオブジェクト)
で追加します。

ノードの操作に関するメンバ
プロパティ名 説明
要素ノード.appendChild(追加したいノードオブジェクト) 要素ノードの子ノードの最後に追加します
要素ノード.insertBefore(追加したいノードオブジェクト, 直前に挿入したい対象のノード) 第1引数で指定したノードオブジェクトを第2引数で指定したノードの前に追加します
要素ノード.replaceChild(ノード, 置換対象ノード) 要素ノードの子ノードを第2引数に指定したノードを第1引数のノードと置換します
要素ノード.removeChild(削除したいノード) 指定した子ノードを削除します

実際に試してみましょう。
<!DOCTYPE html>
<html>
<head>
  <meta charset="UTF-8">
  <title>DOM</title>
  <script type="text/javascript">

  // メッセージを表示するdivを用意する
  window.onload = function() {
    var messages = document.createElement('div');
    messages.id = "messages"; // id属性を設定
    messages.className = "messages"; // class属性を設定
    messages.innerHTML = "メッセージの表示<br />";
    messages.style.backgroundColor = '#ccc'; // styleを設定
    document.getElementsByTagName("body")[0].appendChild(messages);
  }

  // クリアを押した時の処置
  function clearMessage() {
    if( confirm("本当に削除しますか?") ){
      while (messages.firstChild) {
        messages.removeChild(messages.firstChild);
      }
    }
  }

  // 送信ボタンを押した時の処理
  function sendMessage(){
    // メッセージを表示するノードを取得する
    console.dir(messages.childNodes);

    // テキストノードを作成
    var message = document.createTextNode(messageform.message.value);
    messages.appendChild(message);

    // br を作成
    var br = document.createElement('br');
    messages.appendChild(br);

    // inputを空にする
    messageform.message.value = '';

    return false;
  }
  </script>
  <style type="text/css">
  #messages {
    border: 1px solid #000;
  }
  .messages {
    width: 500px;
    height: 100px;
  }
  </style>
</head>
<body>
<form action="./" method="get" name="messageform" id="messageform" onsubmit="return sendMessage()">
   <label>ひとことめっせーじ: <input type="text" name="message" id="messgae" size="43"></label>
  <input type="submit" value="送信"><input id="clear" type="button" value="クリア" onclick="clearMessage()">
</form>
</body>
</html>
js_dom_s3.png

参考サイト
MDN document.createElement
MDN Node.appendChild
W3C DOM 2 Core: createElement