javascript - Javascript 选择器：完整的表单或逐个元素

Question

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

更好的选择是选择完整的表单触摸 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>

<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>

标签： javascriptperformance