js中实现对动态内容的css样式修饰

下面的代码可以实现将css样式修饰的内容动态显示，

先获取变量，然后

一：用createElement()函数创建相应的元素标签，

如创建一个div：var div1=document.createElement("div");//创建div

二：设置其css样式：

 div1.setAttribute("class","blogs");
setAttribute（）可以设置其属性，第一个参数为属性名称，第二个参数为属性的值。

三：将内容嵌入某个标签：

h3.innerHTML=""+title+"";
在h3中嵌入了一个超链接

四：将某个标签嵌入其余的标签中：

var ul=document.createElement("ul");//创建ul
 div1.append(ul);
在div中嵌入ul

效果类似：

  

  

完整代码：

 for (var i=0;i"+title+"";
              p.innerHTML=abstract+"[详情]";
              var div2=document.createElement("div");//创建div
              div2.setAttribute("class","author");
              div2.innerHTML="
"+times+"                                  "+" 浏览数("+lookNum+")                                "+" 评论数("+commentNum+")                                                                                                                                                                                                                                                                                                                                  编辑删除
";
              //var times=time.getFullYear()+"-"+(time.getMonth()+1)+"-"+time.getDate()+" "+time.getHours()+":"+time.getMinutes()+":"+time.getSeconds();
            //li.innerHTML=temp+"\
\
\"+times+"\";
            ul.append(h3);
            ul.append(p); 
            ul.append(div2);
            div1.append(ul);
            m.append(div1);
          }

显示效果：

 

其中的内容和时间均为从数据库里取出的内容。