使用选择器来获取子元素？

Question

我可以使用以下内容来获取元素：

document.getElementById('the-container');

是否有办法让这个组件的孩子（不一定是直接孩子）。

<div id="the-container">
    <div class="whatever">
       <form>
           .....

我想获取表单元素，而不添加ID /类或通过form标记定位（可能是页面上的其他表单）。

没有jquery但对HTML5感到高兴。

Answer 1

querySelector是Element对象的属性，并将选择器作为其第一个参数。

document.getElementById('the-container').querySelector("form");

您还可以使用更精细的选择器直接在整个文档中使用它：

document.querySelector('#the-container form')