请问如何在页面中动态添加一个DIV

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>
<head>
<title> New Document </title>
<meta name="Generator" content="EditPlus">
<meta name="Author" content="">
<meta name="Keywords" content="">
<meta name="Description" content="">
</head><body>
<script language="JavaScript">
<!--
var d = document.createElement("DIV");
d.style.backgroundColor = "red";
d.width = 100;
d.height = 100;
d.innerText = "hello";alert(d.outerHTML);
document.body.appendChild(d);
//-->
</script>
</body>
</html>