Javascript选择器：逐个元素完成表单或元素

假设我有一个包含许多字段的表单，我需要选择其中的一些字段进行处理

更好的选择是选择一次接触DOM的完整表单，还是选择多次接触DOM的元素

我知道“缓存选择器”的实践以及多次接触DOM的含义，但我怀疑当表单太大时，使用什么方法

<form name="myForm">
    <input type="text" id="fname" name="fname">
    <input type="text" id="lname" name="lname">
    <input type="text" id="email" name="email">
</form>

//选择完整的表格
const form=document.querySelector（'form'）；
form.fname=‘我的名字’；
form.lname='我的姓'；
//逐元素选择
const fisrtname=document.querySelector（'#fname'）；
const lastname=document.querySelector（“#lname”）；

您能举例说明您正在谈论的两种代码吗？您可以使用jsperf.com执行基准测试。@Barmar再次检查，现在使用代码示例。除非您经常这样做，否则差异可以忽略不计。。做你认为最自然、最可读的事情，如果它成为性能瓶颈，就对它进行优化。你能举两个你正在谈论的代码的例子吗？您可以使用jsperf.com执行基准测试。@Barmar再次检查，现在使用代码示例。除非您经常这样做，否则差异可以忽略不计。。做您认为最自然、最可读的事情，如果它成为性能瓶颈，请对其进行优化。

<script>
    //select complete form
    const form = document.querySelector('form');
    form.fname = 'My Name';
    form.lname = 'My Lastname';

    //select element by element
    const fisrtname = document.querySelector('#fname');
    const lastname = document.querySelector('#lname');
</script>