js动态添加新的div到指定id的div下面，如何更新所有旧的div的值
比如<divid="big"><divid="1">abc</div><divid="2">abc</div><divid="3">abc</div></div>我用js...
比如
<div id="big">
<div id="1">abc</div>
<div id="2">abc</div>
<div id="3">abc</div>
</div>
我用js动态添加一个div到id=“1”的div后面，那么这个新的div的id值就是“2“，然后之前id值为”2“和”3“的div就更行成”3“，”4“了，以此类推。这个function要怎么定义？主要就讲新的div和旧的div的id更新处理部分就行了，插入操作我会了。 展开
<div id="big">
<div id="1">abc</div>
<div id="2">abc</div>
<div id="3">abc</div>
</div>
我用js动态添加一个div到id=“1”的div后面，那么这个新的div的id值就是“2“，然后之前id值为”2“和”3“的div就更行成”3“，”4“了，以此类推。这个function要怎么定义？主要就讲新的div和旧的div的id更新处理部分就行了，插入操作我会了。 展开
3个回答
展开全部
以下是参考代码，
完全的说明动态添加Div，并删除某个Div，如果只需添加，不需删除，删除后半部即可。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
var a=0;
function add(){
var o=document.getElementById("PhotoLabel");
var div=document.createElement("div");
div.id = div.name = "d"+ a;
div.innerHTML=o.innerHTML.replace(//{0/}/ig,a);
document.getElementById("addPhotoLabel").appendChild(div);
//document.write(document.getElementById("addPhotoLabel").innerHTML);
alert(document.getElementById("addPhotoLabel").innerHTML);
a++;
}
//window.onload = function(){add();}
function deleteDiv(){
var oDiv= document.getElementById("d2");
document.getElementById("addPhotoLabel").removeChild(oDiv);
}
</script>
<body>
<div id="PhotoLabel">
safasfdgdag
<a>aasscc</a>
</div>
<div id="addPhotoLabel"></div>
<a href="javascript:add();"><span style="font-size: 15px">增加</span></a>
<a href="javascript:deleteDiv();"><span style="font-size: 15px">删除第二个</span></a>
</body>
</html>
完全的说明动态添加Div，并删除某个Div，如果只需添加，不需删除，删除后半部即可。
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
</head>
<script type="text/javascript">
var a=0;
function add(){
var o=document.getElementById("PhotoLabel");
var div=document.createElement("div");
div.id = div.name = "d"+ a;
div.innerHTML=o.innerHTML.replace(//{0/}/ig,a);
document.getElementById("addPhotoLabel").appendChild(div);
//document.write(document.getElementById("addPhotoLabel").innerHTML);
alert(document.getElementById("addPhotoLabel").innerHTML);
a++;
}
//window.onload = function(){add();}
function deleteDiv(){
var oDiv= document.getElementById("d2");
document.getElementById("addPhotoLabel").removeChild(oDiv);
}
</script>
<body>
<div id="PhotoLabel">
safasfdgdag
<a>aasscc</a>
</div>
<div id="addPhotoLabel"></div>
<a href="javascript:add();"><span style="font-size: 15px">增加</span></a>
<a href="javascript:deleteDiv();"><span style="font-size: 15px">删除第二个</span></a>
</body>
</html>
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
首先得到ID=1的父元素。
从父元素得到所有的DIV数组。
数组记得扩容。
再在相应的素引后面插入一个DIV。并把当前插入DIV的索引加1赋给它，再把后面DIV的索引的都加1
从父元素得到所有的DIV数组。
数组记得扩容。
再在相应的素引后面插入一个DIV。并把当前插入DIV的索引加1赋给它，再把后面DIV的索引的都加1
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
2015-06-20 · 知道合伙人软件行家
百度网友ad45923b8
知道合伙人软件行家
采纳数：262
获赞数：386
从事IT互联网行业16年，经验丰富，擅长ASP、HTML、Javascript，Css，JQuery，PHP，PS，FL，AI，E，服务器等
向TA提问 私信TA
关注
![]()
展开全部
1、你是用原生Javascript还是JS框架（如：jQuery什么的）
2、更新旧的div的值是什么意思？什么值？
最好是用代码或图文描述一下你的问题。
2、更新旧的div的值是什么意思？什么值？
最好是用代码或图文描述一下你的问题。
本回答被网友采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
