在JavaScript中动态添加和删除div [英] Adding and deleting div dynamically in JavaScript

问题描述

请检查代码。



我想要做的是，我想添加 div s动态到 DivUserMailList（MainDiv）如果我想删除，我必须动态删除。



ie，首先我添加了5 div s，其中 id s div0 to DIV4 。现在我删除了 div2 ， div5 。



请检查代码中的 str ，要删除 div ，我想点击 div 这是由

Please check the code.

What I want to do is, i want to add divs dynamically to DivUserMailList(MainDiv) and if I want to delete, I have to delete dynamically.

ie, first I added 5 divs with ids div0 to div4. Now I deleted div2, div5.

Please check str in the code, To remove div, I want to click on the div which was created dynamically by

str<br />

动态创建的。



现在我想添加 div s，删除 div s并剩余 div ''的内容，但我写的代码不是这样的。

So now I want adding divs,removing divs and remaining div''s contents, but the code I wrote is not working in such a way.

for (i = 0; i < tempRes.value.Count; i++) {
           s = "chk" + tempRes.value.UserLoginListDet[i].UserLoginId + i;
           if (document.getElementById(s).checked) {

               str = "<div id='div" + divcnt + "' class='DivUserIds'><div id='DivUid' >" + tempRes.value.UserLoginListDet[i].UserLoginId + "</div><div id='DivUidCross' class=\"CrossIconDiv\" OnClick='RemoveDivElement('DivUserMailList'," + divcnt + ");'></div></div>";
               divcnt = divcnt + 1;

           }
       }

      document.getElementById("DivUserMailList").innerHTML = str;

请帮助我。



先谢谢。

Please help me.

Thanks in advance.

推荐答案

删除你的DIV：

Removing your DIV:

var div = document.getElementById(''DOM'');

if (div) {    

div.parentNode.removeChild(div);

}

添加DIV

Add a DIV

var msgContainer = document.createElement(''div'');
msgContainer.id = ''DOM'';
msgContainer.className = ''YurClass'';
msgContainer.appendChild(document.createTextNode(msg));
document.body.appendChild(msgContainer);

而不是添加和删除DIV只需要制作

style.Display：none

和 style.Display：''''

Rather than adding and deleting DIV just make
style.Display:none
and style.Display:''''

我不能同意Koolprasad2003 ，为什么不用css隐藏它们。使用div id并隐藏它。

for ex：

i cant agree more with Koolprasad2003, why dont you just hide them with css. use div id and hide it.
for ex:

<div id="content">
My Content
</div>


in style.css

#content
{
  display:none;
}

希望这符合你的目的

Hope this serves your purpose

这篇关于在JavaScript中动态添加和删除div的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！