gpt4 book ai didi

parent 的javascript parent

转载 作者:数据小太阳 更新时间:2023-10-29 05:50:19 27 4
gpt4 key购买 nike

在 javascript 中是否有一种简单的方法来定位父对象的父对象?

我使用 this.parentNode 作为函数的元素来选择父节点,我尝试了 this.parent.parentNodethis。 parentNode.parentNode,但两者都只返回直接父节点。
我试图影响围绕“this”的 div 的 div。我确实设法使用一个简单的循环语句使其工作,该循环语句将 parentNode 选择重复两次,但我认为有更好的方法。

最佳答案

this.parentNode.parentNode 是正确的,您一定(抱歉!)在您尝试的测试中出错了。

示例:Live Copy | Source

HTML:

<div id="outermost">Outermost
<div id="inner1">Inner 1
<div id="inner2">Inner 2</div>
</div>
</div>

JavaScript:

var inner2 = document.getElementById("inner2");

display("inner2.id = " + inner2.id);
display("inner2.parentNode.id = " + inner2.parentNode.id);
display("inner2.parentNode.parentNode.id = " + inner2.parentNode.parentNode.id);

display("Try clicking the blue 'inner2' above");

inner2.onclick = function(e) {
display("Click: this.id = " + this.id);
if (this.parentNode) {
display("Click: this.parentNode.id = " + this.parentNode.id);
if (this.parentNode.parentNode) {
display("Click: this.parentNode.parentNode.id = " + this.parentNode.parentNode.id);
}
}
};

function display(msg) {
var p = document.createElement('p');
p.innerHTML = String(msg);
document.body.appendChild(p);
}

输出(假设按指示单击一次):

inner2.id = inner2inner2.parentNode.id = inner1inner2.parentNode.parentNode.id = outermostTry clicking the blue 'inner2' aboveClick: e.target.id = inner2Click: e.target.parentNode.id = inner1Click: e.target.parentNode.parentNode.id = outermost

关于 parent 的javascript parent ,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15367111/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com