关于className的问题
求助~，下面这个程序，为什么输出的时候，background和width，height并没有改变？？
<style type="text/css">
.message{
width:200px;
height:100px;
background-color:#CCC;}
</style>
</head>
<body>
<script type="text/javascript">
document.write("输入要创建的文本<br/>");
var main1=document.getElementsByTagName("body");
main1.appendChild(creat());
function creat(){
// var hh=prompt("shuru");
var innValue=document.getElementById("inn").value;
var p=document.createElement("p");
p.innerHTML=innValue;
p.className="message";
p.style.color="red";
document.write(p.innerHTML);
}
</script>
<input id="in" type="button" onclick="creat()" value="点击创建文本"/>
<input id="inn" type="text" />
</body>
