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(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");