JS中有关设置文本位置的问题


<html> 
<head> 
</head> 
<body> 
<script language="javascript"> 
function setinnerHTML() 
{ 
    var s=" <div align='left' id='a' style='background-color:#449966'>";    //id重复
    s+="这是一个层,嘿嘿"; 
    s+="zheshiyigeceng";  
    s+=" </div>"; document.getElementById("d").innerHTML=s; 
document.getElementById("a").style.textAlign='center'; 
//document.getElementById("a").style.align="center";//用这种方法也不行 
} 
</script> 
<div  id="d" style="background-color:#ff9966">这是一个层 </div> 
<input type="button" value="设置innerHTML" onclick="setinnerHTML()"> 
</body> 
</html>