Javascript 查找嵌套的div标记_Javascript_Html_Dom

Javascript 查找嵌套的div标记

javascript html dom

Javascript 查找嵌套的div标记,javascript,html,dom,Javascript,Html,Dom,我有两个div标签，如bellow： <body> <div id="divParent"> <div id="divChild"></div> </div> </body> 如何使用JavaScript获取divChild？var el=document.getElementById（“divChild”）然后你可以得到这样的内容 var content = myDiv.innerHTML

我有两个div标签，如bellow：

<body>
   <div id="divParent">
      <div id="divChild"></div>
   </div>
</body>

如何使用JavaScript获取divChild？

var el=document.getElementById（“divChild”）

然后你可以得到这样的内容

 var content = myDiv.innerHTML;

使用以下命令：

divChild = document.getElementById("divChild");

或者如果您没有孩子id：

divChild = document.getElementById("divParent").children[0];

编辑：

您可以使用以下选项隐藏或显示子对象：

divChild.style.display = "none";//hide
divChild.style.display = "block";//show

您的实际元素是否具有ID，或者这只是为了演示目的，您想遍历DOM？阅读此@MJ_Developer更新的答案，以说明如何隐藏/显示子divIf

divChild

具有内部多个

如何获取它？它是否仍然基于

divParent

，因为它是它们的父项？非常感谢。

divChild = document.getElementById("divParent").children[0];

divChild.style.display = "none";//hide
divChild.style.display = "block";//show