テキストノードを作成する

説明

テキストノードを生成するにはdocument.createTextNode()を使います。パラメータに生成するテキストを指定します。テキストノードを生成しただけではページ上には表示されないので、ページ上のノードに連結する必要があります。
サンプルでは現在の時刻をテキストノードとして生成し、<div>タグで指定された領域の末尾に追加しています。
JavaScriptテクニック ブック  詳しい解説などはJavaScriptテクニック ブックを参照してください。

サンプルコード [実行]

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>JavaScript Sample</title>
<link rel="stylesheet" type="text/css" href="main.css" media="all">
<script type="text/javascript" src="main.js"></script>
</head>
<body>
<h1>テキストノードを作成する</h1>
<form action="./mknode.cgi" method="get" name="mainForm">
<input type="button" id="createButton" value="ノードを生成"><br>
</form>
<div id="result"></div>
</body>
</html>

window.onload = function(){
document.getElementById("createButton").onclick = function(){
var dateObj = new Date();
var h = dateObj.getHours();
var m = dateObj.getMinutes();
var s = dateObj.getSeconds();
var text = document.createTextNode(h+"時"+m+"分"+s+"秒");
document.getElementById("result").appendChild(text);
}
}