原生js 如何获取div 下面的input

最新推荐文章于 2023-12-12 15:24:02 发布

逆风优雅

最新推荐文章于 2023-12-12 15:24:02 发布

阅读量3.3k

点赞数 1

分类专栏：开发小技巧总结 js 文章标签： javascript 前端 html

本文链接：https://blog.csdn.net/qq_44603011/article/details/131330735

版权

开发小技巧总结同时被 2 个专栏收录

153 篇文章

订阅专栏

67 篇文章

订阅专栏

文章介绍了如何使用原生JavaScript的querySelector和getElementById方法来获取div内的input元素。提供了两种方法，一种是通过div的选择器，另一种是通过div的ID，然后在获取的div元素内查找input元素。强调了在有多个相似元素时需使用更具体的选择器或ID来定位正确元素。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

在原生 JavaScript 中，你可以使用 querySelector 或 getElementById 方法来获取 div 下的 input 元素。以下是两种常用的方法：

方法一：使用 querySelector 方法

const divElement = document.querySelector('div'); // 根据选择器获取 div 元素 

const inputElement = divElement.querySelector('input'); // 在 div 元素内部根据选择器获取 input 元素

方法二：使用 getElementById 方法

const divElement = document.getElementById('divId'); // 根据元素的 id 获取 div 元素 

const inputElement = divElement.querySelector('input'); // 在 div 元素内部根据选择器获取 input 元素

在上述代码中，你需要将 'div' 替换为你实际的选择器或 'divId' 替换为你实际的元素 id。这样就可以获取到 div 下的 input 元素。

请注意，如果你的页面中存在多个满足条件的 div 元素或 input 元素，你需要根据具体情况使用更具体的选择器或 id 来确保获取到正确的元素。