动态创建层 javascript 代码

<script type="text/javascript">
function $(id)
{
return document.getElementById(id);
}
function cdiv(){
if($('div1')==undefined)
{
var createDiv = document.createElement("div");
// createDiv.setAttribute("class","aaa")
createDiv.style.border = "1px solid #ccc";
createDiv.setAttribute("id","div1");
createDiv.style.background = "#f60";
createDiv.style.height = "20";
createDiv.setAttribute("position","absolute");
createDiv.style.margintop = $('tlink').offsetTop;
createDiv.style.marginleft =$('tlink').offsetLeft+"10000";
var createText = document.createTextNode("我是一个层");
var img = new Image();
img.src="logo.jpg";
createDiv.appendChild(createText);
createDiv.appendChild(img);
var tlink = document.getElementById("tlink");

var parent = tlink.parentNode;
if(parent.lastChild == tlink) {
parent.appendChild(createDiv);
} else {
parent.insertBefore(createDiv, tlink.nextSibling);
}

}
}

window.onload = function(){
tlink.onclick=function()
{
cdiv();
}
}
</script>
</head>
<input type="text" id="tlink">

function cdiv(){
if($('div1')==undefined)
{
var createDiv = document.createElement("div");
// createDiv.setAttribute("class","aaa")
createDiv.style.border = "1px solid #ccc";
createDiv.setAttribute("id","div1");
createDiv.style.background = "#f60";
createDiv.setAttribute("position","absolute");
createDiv.style.height = 10;
createDiv.style.width = 100;
createDiv.style.top =100;
createDiv.style.left =100;
createDiv.style.position ="absolute";
var createText = document.createTextNode("我是一个层");
var img = new Image();
img.width =1;
img.height=10;
img.src="logo.jpg";
createDiv.appendChild(img);
createDiv.appendChild(createText);

var tlink = document.getElementById("tlink");
var parent = tlink.parentNode;
if(parent.lastChild == tlink) {
parent.appendChild(createDiv);
} else {
parent.insertBefore(createDiv, tlink.nextSibling);
}

}
}