用javascript 添加 删除div
来源:phperz.com 作者:phperz.com 发布时间:2008-05-23
用javascript 控制div ,实现添加和删除的操作,如果想实现隐藏而
用javascript 控制div ,实现添加和删除的操作,如果想实现隐藏而不删除,可以用display:none,来控制。
以下为引用的内容: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <title>www.phperz.com</title> <script language="javascript"> function deldiv(divid){ var div=document.getElementById(divid); div.parentNode.removeChild(div); } function adddiv(divid){ var div=document.createElement("DIV"); div.id=divid; document.body.appendChild(div); } </script> <style type="text/css"> #phperz{ border:1px solid #cccccc; height:300px; width:300px;} </style> </head>
<body> <div id="phperz"></div><br /> <span style="cursor:pointer" onClick="deldiv('phperz')">删除div</span> <br /> <br /> <span style="cursor:pointer" onClick="adddiv('phperz')">添加div</span> </body> </html>
|