Javascript 如何使用相同的类填写表单，但输入名称不同

你好，所以我想填写表格这是网站的html

<div class="vx_form-control" data-label-content="Address line 1">
  <div class="vx_form-control">
    <input type="text" aria-describedby="country_code_prefix AccountData_addressSuggest_helptext" aria-invalid="true" aria-autocomplete="none" aria-controls="suggestions" aria-activedescendant="0_suggestion" value="" autocomplete="off" name="/AccountData/address/address1" id="AccountData_addressSuggest" style="padding-left: 15px;">
  </div>
</div>

---

但它不起作用。我选择的特定名称是否错误？

下面的代码段显示选择器正在工作

是否有需要使用execCommand的原因？这些天来，它被认为是去润滑的，而且有点复杂

let cool_input=document.querySelector（'.vx_表单控制>[name=“/AccountData/address/address1]”）；
cool_input.value=“某些地址”

如果该名称是唯一的，则可以使用该选择器，而不使用其包含父级的
.vx\u form-control
类。否则您需要像
那样使用它。some_class>input[name=“some_name”]
看起来它们只是填充了焦点类。我是说我点击了另一个班级，他们填补了这个班级。不是我想要的名字。它混淆了var xxx=document.querySelectorAll（'input[name=“/paypalAccountData/address/address1”]”）document.execCommand（'insertText'，false，'address 1'）；尝试这段代码，他们只需使用焦点鼠标填充另一个类，或者单击所选鼠标。如果您使用console.log记录查询选择器的结果，会发生什么？
var xxx = document.querySelectorAll('.vx_form-control input[name="/AccountData/address/address1"]')
document.execCommand('insertText', false, 'My address');