JavaScript动态添加div层

在js中动态添加div层

         //创建一个div  
         var div = document.createElement("div");
         div.id = "viewPointDiv";
         //为div创建属性class = "viewPoint"  
         var divattr = document.createAttribute("class");
         divattr.value = "viewPoint";
         //把属性class = "viewPoint"添加到div  
         div.setAttributeNode(divattr);

         //为div添加样式  
         var style = document.createAttribute("style");
         div.setAttributeNode(style);
         div.style.backgroundColor = "rgb(1,135,206)";
         //div.style.borderWidth = "20px";
         div.style.borderColor = "#000";
         div.style.width = "240px";
         div.style.height = "500px";
         div.style.position = "absolute";
         div.style.left = "10px";
         div.style.top = "65px";
         //div.style.z-index = "99999";	//iframe的z-index设为-1

         //把div追加到body  
         document.getElementsByTagName("body").item(0).appendChild(div);

         //创建一个iframe
         var iframe = document.createElement('iframe');
         iframe.id = "viewPoint";
         iframe.src = "/BaseTool/ViewPoint/viewpointManagement.html";
         //iframe.style.backgroundColor = "#F00";
         iframe.style.width = "100%";
         iframe.style.height = "100%";
         iframe.style.border = "0px";
         iframe.parent = this;
         div.appendChild(iframe);