DOM の基本

説明

DOM の操作のうち、次のものを使用した

要素オブジェクトの作成法
document.createElement("H1");
テキストノードの作成法
document.createTextNode("Hello DOM")
子ノードの挿入法
any_node.appendChild(child_node);

スクリプト

<html>
<script>
function start() {
   headder = document.createElement("H1");
   text = document.createTextNode("Hello DOM");
   headder.appendChild(text);
   document.body.appendChild(headder);
}
</script>
<body onload="start()"></body>
</html>

実行例