Javascript - 选择第一个输入(带 ID)

Question

我正在用纯JS编写脚本，需要每次从具有随机名称的页面中选择文本输入:

<input type="text" name="N8PkpWeLsNRQBjvwcwKULB57utJx5L2u0Ko" class="form-control" value="">

通常我会使用 ID 选择它，例如:

var textinput = document.getElementById("myInput1");

但是没有ID，我如何选择这个元素？

据我所知，它似乎是页面上唯一的文本输入。

我计划设置一些像这样的文本:

HTMLInputElement.prototype.setText = function(text) {
    this.value = text;
};

var el = document.querySelectorAll('input[type=text]')[0];
el.setText("Hi");

但是由于某种原因这不起作用？

Answer 1

您可以使用document.querySelector(selectors)它返回文档中的第一个匹配元素。

document.querySelector('input.form-control[type=text]')

HTMLInputElement.prototype.setText = function(text) {
  this.value = text;
};
var textinput = document.querySelector('input.form-control[type=text]');
textinput.setText("Hi, You can no use setText method.");

<input type="text" name="N8PkpWeLsNRQBjvwcwKULB57utJx5L2u0Ko" class="form-control" value="">