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

Answer 2

要获取第一个文本字段，请使用以下内容。

var txtField=document.querySelectorAll('input[type=text]')[0];

设置你可以做的文字。

txtField.value="your Value";

Answer 3

这样您可以选择任何HTML标记，因为您只有1个输入，这应该适合您

   var input = document.getElementByName('input');

Answer 4

试试这个

var x = document.getElementsbyClassname("form-control").getAttribute("value");

Javascript - 选择第一个输入（带ID）

4 个答案: