Question

JS如何添加删除div

这是点击图片，操作父页面内容的方法，但是我希望点击图片后，关闭当前的这个div
window.onload = function(){
var img = document.getElementsByTagName('img');
for(i=0;i<img.length;i++){
img[i].onclick = function(){
window.parent.document.getElementById('faceimg').src=this.src;
window.parent.document.getElementById('imgvalue').value=this.alt;
};
}
};
register.php页面未点击头像，页面body段的div
<div id="livemargins_control" style="position: absolute; display: none; z-index: 9999;">
<div id="lhgdlg_reLoadId" class="lhgdialog_default" style="width: 100px; height: 100px; position: absolute; z-index: 1977; top: 317.5px; left: -9000px;">
打开选择头像div后
<div id="livemargins_control" style="position: absolute; display: none; z-index: 9999;">
<div id="lhgdlg_reLoadId" class="lhgdialog_default" style="width: 100px; height: 100px; position: absolute; z-index: 1977; top: 317.5px; left: -9000px;">
<div id="lhgdgCover" style="position: absolute; top: 0px; left: 0px; background-color: rgb(0, 0, 0); opacity: 0.2; width: 1171px; height: 873px; z-index: 1978;"></div>
<div id="lhgdlg_testid" class="lhgdialog_default" style="width: 400px; height: 400px; position: absolute; z-index: 1979; top: 167.5px; left: 376px;">
我之前用style.display='none'来做不行，选择完头像后再去点选择就点不开了

Answer 1

有好几种方式哈;

html代码如下：

<div id="box">
    <div id="inbox">ddddddddddddddddd</div>
</div>
<input type="button" id="remove" value="删除DIV" />

第一种:直接jquery的remove：

    下载个jQuery的文件，然后引入jQuery文件：

    <script type="text/javascript" src="xxxx.jquery.js"></script>
    <script type="text/javascript">
        $("#remove").click(function(){
            $("#inbox").remove();
                        //或者
                        $("box").remove("#inbox");
        });
    </script>

第二种:用JS的innerHTML

    <script type="text/javascript">
        function g(id) {
            return document.getElementById(id);
        }
        g("remove").onclick = functioin(){
            g("box").innerHTML = '';
        }
    </script>

第三种:用JS的outerHTML

    <script type="text/javascript">
        function g(id) {
            return document.getElementById(id);
        }
        g("remove").onclick = functioin(){
            g("inbox").outerHTML = '';
        }
    </script>

第四种:用JS的removeChild

    <script type="text/javascript">
        function g(id) {
            return document.getElementById(id);
        }
        g("remove").onclick = functioin(){
            g("box").removeChild(g("inbox"));
        }
    </script>

其他还有，就不列举了

Answer 2

document.createElement()是在对象中创建一个对象，要与appendChild() 或 insertBefore()方法联合使用。
其中，appendChild() 方法在节点的子节点列表末添加新的子节点。insertBefore() 方法在节点的子节点列表任意位置插入新的节点。
1、添加DIV
function addDiv(w,h){
//如果原来有“divCell”这个图层，先删除这个图层
deleteDiv();
//创建一个div
var newdiv = document.createElement("divCell");
//添加到页面
document.body.appendChild(newdiv);
//通过样式指定该div的位置方式,若是想要自己设置div的位置,这句话必须有,把它注释掉你就可以知道效果拉~试试看
newdiv.style.position="absolute";
//通过样式指定x坐标(随机数0~450)
newdiv.style.top= Math.round(Math.random()*450);
//通过样式指定y坐标(随机数0~700)
newdiv.style.left= Math.round(Math.random()*700);
//通过样式指定宽度
newdiv.style.width=w;
//通过样式指定高度
newdiv.style.height=h;
//通过样式指定背景颜色,,若是背景图片 例为 newdiv.style.backgroundImage="url(img/3.jpg)"
newdiv.style.backgroundColor="#ffffcc";
//添加div的内容
//newdiv.innerHTML=i++;
//设置样式透明
newdiv.style.filter = "alpha(opacity=50)";
//设置ID
newdiv.id = "divCell";
}
2、删除DIV
function deleteDiv()
{
var my = document.getElementById("divCell");
if (my != null)
my.parentNode.removeChild(my);
}

Answer 3

一般都是隐藏即可

1. 使用div标签添加一个div

2. 给要隐藏的div设置一个class或id

3. 在js中添加事件，然后根据class或id属性获得这个div的句柄

4. 把这个div的display属性设为隐藏

Answer 4

设置div 设置它的style.display='none' 让他隐藏

做个JS 事件 当触发事件的时候 对 DIV 显示隐藏操作

能做到动态的显示 隐藏DIV 应该是LZ想要的 效果吧？

追问

事件未触发时，body里面只有2个div，页面未显示头像选择窗口。
事件触发后，有4个div，显示一个头像选择窗口。
我希望在选择完头像之后，头像选择窗口自动关闭。
关闭后，当鼠标再次点击头像（触发事件），则打开头像选择窗口。

如果用display=‘none’来隐藏后面2个div的话，再次触发事件，则不会弹出头像选择窗口，所以我希望找到一个函数来删除父页面的那两个div

追答

用JS 就能实现了。