如何在JavaScript中访问父元素的子元素

时间:2015-09-21 18:01:48

标签: javascript html5 dom

当然我试过了:

ArrayStoreException

但是调试器说父母没有属性孩子。我做错了什么人?我无法在托管的网络服务器上使用jQuery。

4 个答案:

答案 0 :(得分:1)

你需要使用parentNode作为原始javascript,。parent()是jquery。所以在你的情况下:

function show() {
   this.parentNode.childNodes[1].childNodes[1].visibility = 'hidden';
}

答案 1 :(得分:1)

嗯,我对这个问题很仓促。父不是节点元素,因此它没有子节点。并且'这个'没有parentNode属性。有效的是:

function show(node) {
    node.parentNode.childNodes[1].childNodes[1].style.visibility = 'hidden';
}

<a class="hider" onclick="show(this)">Test</a>

自然地,对于其他人,childNodes列表中的索引是无关紧要的。但是对他来说,他们的工作很有效,但肯定不是很好的解决方案。

答案 2 :(得分:0)

通过父级,根据浏览器的不同,我认为您指的是parentElementparentNode。例子:

function show() {
  this.parentNode.childNodes[1].childNodes[1].visibility = 'hidden';
}

function show() {
  this.parentElement.children[1].children[1].visibility = 'hidden';
}

答案 3 :(得分:0)

你的“这个”似乎是全球范围。所以'this'指向窗口,它没有父节点。