无法通过Javascript访问无id/name属性的input字段该如何解决？

你可以通过CSS选择器匹配元素特征的方式定位到目标输入框，以下是几种可直接使用的实现方式：

方法1：通过外层容器类名层级匹配 #

利用已知的外层ul、li的类名做层级定位，精准度最高，不会误选其他输入框：

// 按层级匹配目标input
const targetInput = document.querySelector('ul.form-control.recipient-input.ac-input.rounded-left li.input input[type="text"]');
// 执行赋值
if (targetInput) {
  targetInput.value = '需要填入的内容';
}

方法2：通过input自身属性匹配 #

如果页面内只有一个该属性组合的输入框，可以直接匹配input自带的属性：

// 匹配role、tabindex、type均符合要求的输入框
const targetInput = document.querySelector('input[type="text"][role="combobox"][tabindex="1"]');
if (targetInput) {
  targetInput.value = '需要填入的内容';
}

方法3：批量匹配后按索引选取 #

如果页面存在多个同结构输入框，先获取全部匹配项再按索引选择对应元素：

// 获取所有符合规则的输入框列表
const inputList = document.querySelectorAll('ul.recipient-input input[type="text"]');
// 选取第一个匹配的输入框（索引从0开始计数）
if (inputList.length >= 1) {
  inputList[0].value = '需要填入的内容';
}

提示：可以根据实际页面的元素分布调整选择器的组合，优先选择页面内唯一的特征组合（比如多个类名叠加、专属的aria属性），避免定位到其他无关元素。

内容的提问来源于stack exchange，提问作者Dozenblu