HTML：使用javascript删除div后，如何让后面的div填充被删除div所占的空间？
如题。尽管这看起来是理所应当的事情（元素被删除了，空间自然是被后面的元素填充），可是我的代码却留下了一块块的空白。是这样，在表单元素(form）下，有n个div，每个di...
如题。
尽管这看起来是理所应当的事情（元素被删除了，空间自然是被后面的元素填充），可是我的代码却留下了一块块的空白。
是这样，在表单元素(form）下，有n个div，每个div包含了各自的内容。使用javascript获取某个div的引用，然后使用oForm.removeChild(oDiv)将该div删除。
删除后，留下空白。
请看图片：
（图片内元素间的空白是点击"delete"按钮删除div产生的，问题所在）
html<body>内源码：
——<fieldset>
——<legend>附件：</legend>
————<form id="fileform" onclick="fileEventsHandler(event)">
——————<div id="filediv1" class="filediv">
————————<input type="file" name="userfile" id="file1" onchange="addadd()" style="left: 100px; top: 0px" />
——————</div>
————</form>
——</fieldset>
javascript相关函数：
——removefile = function(s)
——{
————var oDiv = document.getElementById("filediv"+s);
————document.getElementById("fileform").removeChild(oDiv);
————deleted++;
——},
函数解释：
参数：div元素的索引字符（从1开始）
div元素id命名规则：filediv+索引字符，如filediv1,filediv2
div元素的父元素id是fileform
无返回 展开
尽管这看起来是理所应当的事情（元素被删除了，空间自然是被后面的元素填充），可是我的代码却留下了一块块的空白。
是这样，在表单元素(form）下，有n个div，每个div包含了各自的内容。使用javascript获取某个div的引用，然后使用oForm.removeChild(oDiv)将该div删除。
删除后，留下空白。
请看图片：
（图片内元素间的空白是点击"delete"按钮删除div产生的，问题所在）
html<body>内源码：
——<fieldset>
——<legend>附件：</legend>
————<form id="fileform" onclick="fileEventsHandler(event)">
——————<div id="filediv1" class="filediv">
————————<input type="file" name="userfile" id="file1" onchange="addadd()" style="left: 100px; top: 0px" />
——————</div>
————</form>
——</fieldset>
javascript相关函数：
——removefile = function(s)
——{
————var oDiv = document.getElementById("filediv"+s);
————document.getElementById("fileform").removeChild(oDiv);
————deleted++;
——},
函数解释：
参数：div元素的索引字符（从1开始）
div元素id命名规则：filediv+索引字符，如filediv1,filediv2
div元素的父元素id是fileform
无返回 展开
4个回答
展开全部
<div>...</div
><div>...</div
><div>...</div>
用这种方式, 可以避免回车符的困扰
试一试
><div>...</div
><div>...</div>
用这种方式, 可以避免回车符的困扰
试一试
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
删除做什么？直接隐藏起来不就行了
另外想填补的话，也得从CSS里找答案
设置为相对定位就可以了
另外想填补的话，也得从CSS里找答案
设置为相对定位就可以了
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
如果你把div层改为div标签就行了，把div的position属性值absolute删掉
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
需要把代码贴出来才好参考修改
oDiv.parentNode.removeChild(oDiv);
从你贴的代码来看应该没有问题,你是不是定义了div元素的父元素的固定高度
oDiv.parentNode.removeChild(oDiv);
从你贴的代码来看应该没有问题,你是不是定义了div元素的父元素的固定高度
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（2）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
