动态创建，css 样式不能见效怎么办？

yczxqy

1.         Model.prototype.button4Click = function(event){
   
2.                 debugger ;
   
3.                 var ul = this.getElementByXid("ulIM") ;
   
4.                 var li =  document.createElement("li");
   
5.                 ul.appendChild(li);
   
6.                 var  div1 = document.createElement("div");
   
7.                 //$(div1).addClass("chat-div1");
   
8.                 //addClass(div1, 'chat-div1');
   
9.                 li.appendChild(div1);
   
10.                 var  div2 = document.createElement("div");
    
11.                 div2.setAttribute("class", "chat-user1");
    
12.                 div1.appendChild(div2);
    
13.                 var  img = document.createElement("img");
    
14.                 img.setAttribute("src", "http://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTISz5ibpUgQjFwsUv09yek7x0qQpAtocHrosnvRWr20f6ic65QXpvYa54QzeqTvL5RMPKzolYib1WibxQ/132");
    
15.                 //img.setAttribute("bind-css", "$model.getCss()");
    
16.                 //$(img).addClass("chat-user1-img") ;
    
17.                 //addClass(img,"chat-user1-img") ;
    
18.                 //img.className="chat-user1-img" ;
    
19.                 //img.setAttribute("class", "chat-user1-img");
    
20.                 //可以操作
    
21.                 /*img.setAttribute("width", "40px");
    
22.                 img.setAttribute("height", "40px"); */
    
23.                 img.setAttribute("style", "{'height':'40px','width':'40px'}") ;
    
24.                 //img.setAttribute("border-radius", "100%");
    
25.                 //img.setAttribute("style", "100%");
    
26.                 div2.appendChild(img);
    
27.                 //$(div2).add("<img src='http://thirdwx.qlogo.cn/mmopen/vi_32/Q0j4TwGTfTISz5ibpUgQjFwsUv09yek7x0qQpAtocHrosnvRWr20f6ic65QXpvYa54QzeqTvL5RMPKzolYib1WibxQ/132' class='chat-user1-img'/>");
    
28.         };

复制代码

上面试了 n 种方法，但动态创建的 img ， css 样式就是不能见效。
css 内容为：
.chat-user1-img {
        width: 40px;
        height: 40px;
        border-radius: 100%;
}

请老师指导一下，非常感谢！

jishuang

css样式跟踪调试确认生成的dom节点上样式存在吗？确认定义样式的css文件加载了吗？
http://docs.wex5.com/css-debug/