javascript一段創建層的代碼

2019-11-21 01:55:04

字體：大中小

來源：轉載

供稿：網友

<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   class="iwvjtn8m0"   id="tlink" style="cursor:pointer;">測試一下</div> </body> </html>

[Ctrl+A 全選注:如需引入外部Js需刷新才能執行]

上一篇：簡潔的一個實現網頁全屏代碼

下一篇：JavaScript加密解密7種方法總結分析