js动态添加对象的问题！

Question

 var div=document.createElement("div");
       document.body .appendChild (div);
       div.style.width="45%";
       div.style.height="56%";
       div.style.border="1px solid red";
       div.innerText="你好周杰伦！"
上面能达到我要的效果，但是把div.style.width="45%";
       div.style.height="56%";
       div.style.border="1px solid red";
换成下面的后居然不能出来效果 是为什么啊？期待大侠给小弟解答哦！
 div.style="border:1px solid red ;width:45% ;height:55%";  

Answer 1

这样写，那你要用class吧。
这样吧。
.divcla{border:1px solid red ;width:45% ;height:55%}div.className = "divcla"
这样就可以了。

Answer 2

因为style是不可编程的，只能in-line的方法设置

Answer 3

这样是可以的
div.style.cssText="border:1px solid red ;width:45% ;height:55%"; 

Answer 4

IE6下测试了下好像都可以，不过height属性设置为百分比貌似是没效果的

Answer 5

几种方法
1.style.width = xxx; style.height = xxx;单个赋值
2.写成CSS类，然后通过o.className赋值
3.使用3#的方法o.style.cssText = "xxx;xxx;xxx;"来赋值

Answer 6

本帖最后由 net_lover 于 2010-03-18 12:49:00 编辑

  

Answer 7

html参考手册上说的很清楚，
不要自己发明这些东西http://msdn.microsoft.com/en-us/library/ms534651%28VS.85%29.aspx

Answer 8

通常用第2.写成CSS类，然后通过o.className赋值
种方法，会比较好些。这样。需要改动的时候。只要改CSS文件即可。