如何从div中删除元素？

Question

var aa = 0;
var arr = new Array("one", "two", "three");
var arr1 = new Array("four", "five", "six");

function cl(me) {
    me.clicked = !me.clicked;
    var id = me.id;
    if (me.clicked) {
        if (id == 1000) aa = arr;
        if (id == "one" || id == "two" || id == "three") aa = arr1;
        var s = document.getElementById("sample");
        var d = document.createElement("div");
        d.id = me.id + 1;
        s.appendChild(d);
        for (i = 0; i < aa.length; i++) {
            var l = document.createElement("label");
            l.innerHTML = aa[i];
            l.id = aa[i];
            l.onclick = function (){cl(this)};
            d.appendChild(l);
        }
    } else {
        var child = document.getElementById(me.id + 1);
        var parent = document.getElementById("sample");
        parent.removeChild(child);
    }
}

标记：

<label id="1000" onclick="cl(this)">click</label><br><div id="sample"></div>

label“点击”时，成功生成三个标签“一”“二”“三”。

当我单击 label “一”标签“四”“五”“六”成功生成。

当我再次单击 label 时，“一”“三四五”标签被删除。

但问题是当我点击 label “点击”然后 label “一”.. 现在当我再次点击“一”时，label “一二三”被单独删除，但不是“四五六一二三”。

Answer 1

HTML label 元素没有clicked属性，因此给它们一个clicked属性不是一个好主意。

标签适用于没有 label 或标题的表单控件，例如单选按钮和复选框。 这里更合适的元素是按钮（按钮或输入类型按钮元素）。

id 属性必须以字母开头，不能全是数字。

浏览器会容忍上述所有情况，但是忽略规范并不是一个好主意，因为发布的浏览器可能会以您的代码不符合规范的方式发布。

我认为您的问题是one创建的标签看起来就像四个创建的标签。 如果通过单击一个来删除四个，则在再次创建之前无法删除它创建的标签。

使用元素检查器查看发生了什么。