如何动态添加和删除一个div

：添加删除Div，有很多种方法。下面具一个简单的方法。 通过修改html内容来 *** 作 var oBtn = document.getElementById('btn')var oBox = document.getElementById('div-box')oBtn.onclick = function () { var html = ''

这个功能其实不怎么需要Ajax。

1.在页面1点添加d出页面2,（在页面1中设好返回的函数）。

2.页面2获取数据。js写上一个函数(与页面1设的返回函数一致)获取你需要的数据。

3.返回数据。关闭页面2.

4.页面1提交到页面3.

//选择人员

页面1：

function choseUser(){

var json={

tabId:"userTab",//指定一个表格ID

title:"选择人员",

width:400,

height:350,

url:"userAction.do?act=showUsers",

runPageFun:"reutrnValueFun",

afterEvent:function(){

if(arguments[0]!=undefined){

returnUserValue(arguments[0])

}

}

}

openExtWinSelect(json)

}

//得到值

function returnUserValue(json){

var frm=document.forms[0]

frm['uid'].value=json.uids

frm['uName'].value=json.names

}

//页面2

function reutrnValueFun(){

var uids=//ids

var names=//names

var json = {

uids:uids,

names:names

}

return json

}

当然这个是Ext的，用windowopen也可以的。

window.open

页面1:

function choseUser(value){

var url="userAction.do?act=showUsers"

window.open(url,'newwindow','height=350,width=400')

}

//得到值

function returnUserValue(ids,names){

var frm=document.forms[0]

frm['uid'].value=ids

frm['uName'].value=names

}

页面2：

function setUserValue(){

var ids=//获取id

var names=//获取name

window.opener.returnUserValue(ids,names)

window.opener=null

window.close()

}

jquery 提供了remove() 方法，用来移除被选元素，包括所有文本和子节点。因此只需根据添加的div的id即可将其删除：

$(div_id).remove()

实例演示如下:

HTML结构

<input type="button" value="删除">

<div id="test">这是示例的DIV</div>

jquery代码

$(function(){   $("input[type='button']").click(function() {        $("div#test").remove()   })

---