Javascript获取div的子节点

HTML代码：

<div id="section">
  <div id="title" onclick="hideBody()"></div>
  <div id="body"></div>
</div>

如何使用

this.

访问

id=“body”

元素？
示例：

---

this.parent.child[1]
我不确定在这里使用“this”是否合适，但您肯定可以传递事件并获取单击目标的ID：



函数记忆库（事件）{
var myId=event.target.id；
var myEl=document.getElementById（myId）；
…用myEl做些事情。。。
}
您可以使用

例如：

function hideBody(el) {
    'use strict';
    var sibling = el.nextElementSibling;
    console.log(sibling);

    sibling.style.visibility = 'hidden';
}

看

至于回答您最初关于子节点的问题，有一个属性。例如：

var children = document.getElementById('section').childNodes;

相对于“
this
”（显示在hideBody函数中）：

要获取div的子节点，请使用：

var childNodes = parent.childNodes;

或

什么是“这”的可能复制品？提供更多信息。@Alfredosoro请看示例因为它是一个id，为什么不干脆
document.getElementById（'body'）
？ID不能重复…而且ID在html文档中应始终是唯一的（页面中只有1
ID=body
，否则请使用classesI有多个相同的ID如果您的html无效，您应该首先修复此问题。：-）
function hideBody(el) {
    'use strict';
    var children = el.parentNode.childNodes;
    console.log(children);

    children[1].style.visibility = 'hidden';
}

var childNodes = parent.childNodes;

var { childNodes } = parent;