Javascript 获取div内的所有输入字段(无JS库)

声明:本页面是StackOverFlow热门问题的中英对照翻译,遵循CC BY-SA 4.0协议,如果您需要使用它,必须同样遵循CC BY-SA许可,注明原文地址和作者信息,同时你必须将它归于原作者(不是我):StackOverFlow 原文地址: http://stackoverflow.com/questions/3586305/
Warning: these are provided under cc-by-sa 4.0 license. You are free to use/share it, But you must attribute it to the original authors (not me): StackOverFlow

提示:将鼠标放在中文语句上可以显示对应的英文。显示中英文
时间:2020-08-23 05:19:04  来源:igfitidea点击:

Get all input fields inside div (without JS library)

javascripttextinput

提问by apparat

What's the easiest way to get all input fields inside a div without using a javascript library like jQuery? Similar to this jQuery snippet:

在不使用 jQuery 之类的 javascript 库的情况下,在 div 中获取所有输入字段的最简单方法是什么?类似于这个 jQuery 片段:

var inputs = $('#mydiv :input');

回答by Roy Sharon

document.getElementById('mydiv').getElementsByTagName('input')

回答by Andrei Serdeliuc ?

Try:

尝试:

var inputs = document.getElementById('mydiv').getElementsByTagName('input');

回答by Vishnu Prasanth G

querySelectorand querySelectorAllwill fetch the details of what you're expecting easily.

querySelector并将querySelectorAll轻松获取您期望的详细信息。

var divElem = document.getElementById("myDiv");
var inputElements = divElem.querySelectorAll("input, select, checkbox, textarea");

It will give all the input, select, textarea elements in array format.

它将以数组格式提供所有输入、选择、文本区域元素。

回答by Joe D

document.getElementById("mydiv").getElementsByTagName("input");

回答by Fresheyeball

If you are on modern browsers (ie9+) you can take advantage of querySelectorAll?.

如果您使用的是现代浏览器(ie9+),您可以利用querySelectorAll?.

var inputs = document.querySelectorAll?('#myDiv input');