<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<title>Dynamic Page Demo</title>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<script type="text/javascript">
function addText()
{
var theString,theElement,insertSpot;
var theString = document.createTextNode(document.testform.newtext.value);
theElement = document.createElement("br");
insertSpot = document.getElementById("div1");
insertSpot.appendChild(theString);
insertSpot.appendChild(theElement);
}
</script>
</head>
<body>
<div id="div1">This is some text.</div>
<hr />
<form action="#" name="testform" id="testform">
New text: <input type="text" name="newtext" id="newtext" />
<input type="button" value="Add" onclick="addText()" />
</form>
</body>
</html>