访问html表单JavaScript中文本输入字段值的最简单方法？

Question

我想从 JavaScript 尽可能简单地访问输入字段值。<form name="F">  <input name="searchTxt" type="text" id="searchTxt"></form>我可以使用以下方法访问该值（在 Firefox 调试器上测试）：document.F.searchTxt.value但我发现这种方法是 Internet Explorer 的一种方言（并且适用于大多数浏览器以实现兼容性），并且它在 W3C DOM 上已过时。（参考：使用 W3C DOM - 过时内容存档 | MDN）我发现的另一种方法是使用forms和elements属性及其孩子的名字：document.forms.F.elements.searchTxt.value我喜欢这种方法，我觉得它很简单，因为它不需要任何括号或引号，而只需要语句中的点。（参考：在 JavaScript 中获取对表单和表单元素的引用 - 动态 Web 编码）我认为这种方法的秘诀在于form它的name（而不是或附加的id），所以它可以通过它的简单名称来访问。请告诉我更简单、更稳定或访问字段值的最佳方法。

Answer 1

您可以document.querySelector用来访问表单的 DOM 元素，它具有您需要的所有属性：

const form = document.querySelector('form');

console.log(form.elements.searchTxt.value);

Answer 2

let searchTxt= document.forms["F"]["searchTxt"].value;