javascript - 使用选择器获取子元素?

标签 javascript html

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

document.getElementById('the-container');

有没有办法获得此组件的子组件(不一定是直接子组件)。

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

我想获取表单元素,而不添加 id/class 或通过 form 标记定位它(可能是页面上的其他表单)。

没有 jquery,但对 HTML5 很满意。

最佳答案

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

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

您还可以通过更精细的选择器直接在整个文档上使用它:

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

关于javascript - 使用选择器获取子元素?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/43120676/

相关文章:

javascript - 使用 qml 读取多个 Xml 属性

php - 作为 JavaScript 数组名称的变量

javascript - 如何在 Marionette.js CollectionView 中获取所选 <option> 的模型?

Javascript CSS 绝对解决问题

javascript - 在 Canvas 中填充更多类型的相似对象

javascript - 在 react native 自定义按钮中有条件地呈现组件

javascript - 如何传递 dojo.connect 中的元素

javascript - unslider 背景不拉伸(stretch)(包括 fiddle )

javascript - 将文本从 html 表单加载到 div

html - CSS 在 PHP 回显元素旁边 float 一个元素