http://www.w3.org/TR/html4/loose.dtd">
<html>
<script type="text/java script">
/*
* 网站上传文件文件,添加新附件的例子
*/
onload = function(){
//获取添加和删除需要的元素
var div = document.getElementById("div");
var img = document.getElementById("img");
var btn = document.getElementById("btn");
//添加按钮的处理事件, 被点击的时候, 克隆一个div, 插入到btn的前面
btn.onclick = function(){
var cloneDiv = div.cloneNode(true); //赋值一个div,加上true了.就包括div里面的元素
cloneDiv.lastChild.onclick = del; //// 克隆的节点是不带事件处理的
btn.parentNode.insertBefore(cloneDiv,btn); //在btn之前插入div
// 给img添加onclick事件, 被点击的时候, 删除其父级节点
img.onclick = del;
function del(){
this.parentNode.parentNode.removeChild(this.parentNode); //使用this的父类的父类来删除this的父类
}
}