javascript一段创建层的代码_javascript技巧

<style> .aaa { border:1px solid #ccc; background:#f60; height:200px; } </style> <script type="text/javascript"> function cdiv(){ var createDiv = document.createElement("div"); createDiv.setAttribute("class","aaa") //createDiv.style.border = "1px solid #ccc"; //createDiv.style.background = "#f60"; //createDiv.style.height = "200px;"; var createText = document.createTextNode("我是一个层"); createDiv.appendChild(createText); var tlink = document.getElementById("tlink"); //alert(tlink); insertAfter(createDiv,tlink); } function insertAfter(newElement, targetElement) { var parent = targetElement.parentNode; if(parent.lastChild == targetElement) { parent.appendChild(newElement); } else { parent.insertBefore(newElement, targetElement.nextSibling); } } window.onload = function(){ tlink.onclick=function() { cdiv(); } } </script> <div id="tlink" style="cursor:pointer;">测试一下</div>
[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]