java div_动态添加、删除div

在项目开发中，有时需要在一个页面动态地增加和删除一段固定的内容。下面代码即可实现在a1和a2之间动态地添加一个div块。

1

2

添加div

var i=1;

function addDiv(){

//创建div结点

var div = document.createElement("div");

//设置div属性

div.id = "div"+i;

//添加div内容

if(i>2){

alert("只能添加4行");

return false;

}

if(i==1)

div.innerHTML = "

用途一：

楼盘名：

删除

";

if(i==2)

div.innerHTML = "

用途二：

楼盘名：

删除

";

//将div添加到页面中，或者某一个元素document.getElementById('')中

document.body.appendChild(div);

document.getElementById("a").insertBefore(div,document.getElementById("a2"));

i++;

}

function del(a){

if(a

alert("只能顺序删除！");

return false;

}

var my = document.getElementById("div"+a);

if (my != null)

my.parentNode.removeChild(my);

i--;

}