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
Get all input fields inside div (without JS library)
提问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 Aaron Saunders
回答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');

