请教关于创建组件后订制css无法应用


<style>
.myclass { 
text-align:left; 
width:315px; 
height:100px; 
border: 1px solid #333333; 
background:#FFFFCC; 
padding:2px; 
} 
</style>
<body>
<div id="left_div1" style="border:#0066CC 1px solid; height:500; width:500;"></div><script>
//new div 
var rss_div=document.createElement("div"); 
//rss_div.setAttribute("class","myclass"); 
rss_div.className="myclass"; 
rss_div.setAttribute("name","myname"); 
rss_div.innerHTML="the string"; 
//get father_div 
var father_div=document.getElementById("left_div1"); 
//add 
father_div.appendChild(rss_div); </script>
</body>