获取 div 内的所有输入字段（不带 JS 库）答案

【问题标题】：Get all input fields inside div (without JS library)获取 div 内的所有输入字段（不带 JS 库）
【发布时间】：2011-04-04 22:02:43
【问题描述】：

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

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

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

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

【讨论】：

【解决方案3】：

试试：

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

【讨论】：

【解决方案4】：

如果您使用的是现代浏览器 (ie9+)，则可以使用 querySelectorAll‎。

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

或者如果你已经有了这个div，你可以直接使用它

var inputs = myDiv.querySelectorAll('input');
var inputs = myDiv.getElementByTagName('input');

两者都可以。要序列化，您可以在输入后执行此操作

var values = {}
for (const input of inputs){
   values[input.name] = input.value
}

【讨论】：

【解决方案5】：

getElementsByTagName

【讨论】：

【解决方案6】：

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

【讨论】：