Question

我有一组嵌套的div：

<div style="border:solid 1px #7F9DB9; height:535px; width:285px;" id="div_master">
                <div onmouseover="" id="a" onclick="div_catlist_mouseclick(this)">a</div>
                <div onmouseover="" id="b" onclick="div_catlist_mouseclick(this)">b</div>
                <div onmouseover="" id="c" onclick="div_catlist_mouseclick(this)">c</div>
                <div onmouseover="" id="d" onclick="div_catlist_mouseclick(this)">d</div>
            </div>

我在mouseclick上调用函数div_catlist_mouseclick（this）事件：

function div_catlist_mouseclick(div) {
        div.style.background = "#316AC5";
        div.style.color = "#fff";

        var x = this.parentNode;
    }

为什么我无法将parentNode分配给x，在我传递该行后x总是未定义的。但是，如果我检查this.parentNode它显示为一个对象，有4个子节点，这就是我所期待的......

我正在尝试获取子节点，以便我可以迭代它们，如果它们不是所选节点，但是在将它们的文本和背景颜色恢复为默认值之前已被选中。应该很容易吗？！

感谢。

Answer 1

您应该使用div.parentNode代替this.parentNode。

为什么parentNode总是以未定义的形式返回但是它存在？

1 个答案: