在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);