关于动态生成div的认识

因为之前做了个关于仪表的小demo，用到了动态生成div的方法。

 

例子：一个事件触发一函数，函数的功能是在body里面生成一个DIV，并在DIV里面追加一个img标签。当然其中可以添加div和img 的样式

 

主要是以下两个方法：

一个是对DOM的操作：

         

function(str){
           window.document.createElement("div");
            mfdiv.setAttribute("id","mf"+str);
           mfdiv.setAttribute("class","MF-0001");
           mfdiv.style.cssFloat="left";
           window.document.body.appendChild(mfdiv);
           mfimg=window.document.createElement("img");
           mfimg.src="img/jd.png";
           window.document.getElementById("mf"+str).appendChild(mfimg);
         }

 

第二个是拼凑字符串 也是我推荐的方法：

             function Jd(str) {

              var ojd = new Object();
                    ojd.ids=str;
                   ojd.showDiv = function (){
                  $("<div"+" "+"id=mf"+this.ids+" "+"class="+"MF-0001"+"><img src="+"img/jd.png"+"></img></div>").appendTo("#body");
                };
            return ojd;
            }

 第二个方法 我封装成了一个类，方便使用。