PHP程序员站--PHP编程开发平台
 当前位置:主页 >> 网页制作 >> Javascript >> 

用javascript 添加 删除div

用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>

Tags: div   javascript   div   style   html   function   javascript   java   ip   C   as  
最新文章
推荐阅读
月点击排行榜
PHP程序员站 Copyright © 2007-2010,PHPERZ.COM All Rights Reserved 粤ICP备07503606号