页面导航：首页 → 网络编程 → JavaScript → 应用技巧 → 正文内容

javascript一段创建层的代码

发布：dxy 字体：[增加减小] 类型：转载

点击运行可以看到效果:

<html> 
<head> 
<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> 
</head> 
<body> 
   <div id="tlink" style="cursor:pointer;">测试一下</div> 
</body> 
</html>

[Ctrl+A 全选提示:你可先修改部分代码,再按运行]

Tags：javascript一段创建层的代码