js 动态添加复制删除相同div层

minh456

浏览: 64342 次
性别:
来自: 广州

最近访客更多访客>>

hxm_admin

lvite3mc

outdoxl

964120609

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

javascript

<!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>
<title>金男玉女-宝啊网-www.baoa.net </title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="x-ua-compatible" content="ie=7" />
<meta name="description" content="不需要闭月羞花的天使面貌，不需要杨柳细腰的魔鬼身材，只要你身材比例均匀，只要你喜欢在镜头前展示自己，只要你怀抱梦想热爱生活，我们会提供各式各样的时尚服饰供你试穿，用镜头拍摄下你最美最有自信的一面Try your best，快点加入成为我们专属的试衣天使吧！mh" />

//js CODE:

<script>
function insert(){
    var thenew= document.createElement('li');
    var numid= document.getElementById('ah_mh').innerHTML;
    document.getElementById('addDefault'+numid).style.display='none';
    if(document.getElementById('removeDefault'+numid)){
        document.getElementById('removeDefault'+numid).style.display='none';
    }
    var numid=parseInt(numid)+1;

    document.getElementById('ah_mh').innerHTML=numid;

    thenew.innerHTML='上传照片'+numid+'：<input type="file" name="attach" size="25" style="padding:10px;" /> <span id="localfile"></span><a href="javascript:void(0);" onclick="insert();" id="addDefault'+numid+'">添加</a>  <a href="javascript:void(0);" onclick="remove();" id="removeDefault'+numid+'">删除</a>';
    document.getElementById('s').appendChild(thenew);
}
function remove()
{
    var numid= document.getElementById('ah_mh').innerHTML;
    if(parseInt(numid)<=3){
        var numid=3;
        document.getElementById('addDefault'+numid).style.display='';
        document.getElementById('ah_mh').innerHTML=numid;
        document.getElementById('s').removeChild(document.getElementById('s').childNodes.item(numid));
    }else{
        var numid=parseInt(numid)-1;
        document.getElementById('addDefault'+numid).style.display='';
        document.getElementById('ah_mh').innerHTML=numid;
        document.getElementById('s').removeChild(document.getElementById('s').lastChild);
        document.getElementById('removeDefault'+numid).style.display='';
       }
}
</script>

</head>

<body>

//HEML CODE:

<ul>

<li>上传照片1：<input type="file" name="attach" size="25" style="padding:10px;" /> <span id="localfile"></span></li>
<li>上传照片2：<input type="file" name="attach" size="25" style="padding:10px;" /> <span id="localfile"></span></li>
<li >上传照片3：<input type="file" name="attach" size="25" style="padding:10px;" /> <span id="localfile"></span><a href="javascript:void(0);" onclick="insert();" id="addDefault3">添加</a></li>
        <div style="height:auto; overflow:hidden;" id="s"></div>//容器层
        <span id="ah_mh" style="display:none;">3</span>//计数标签

</ul>
</body>
</html>

分享到：

[SQL Server]关于标识列从1开始计数的问题 ... | z-index在IE中的迷惑（二）

2012-07-05 00:02
浏览 2061
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论