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

您所在的位置:网站首页 前端获取input框输入值 原生js 如何获取div 下面的input

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

2024-07-15 10:52| 来源: 网络整理| 查看: 265

在原生 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 来确保获取到正确的元素。



【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3