Javascriptを - （ID付き）最初の入力を選択し

Question

私は純粋なJSでスクリプトを書いて、ランダムな名前を毎回持っているページからのテキスト入力を選択する必要がありますしています：

通常

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

私はそれを選択することになります

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

あなただけの1つの入力を持っているので、あなたは、任意のHTMLタグを選択することができますこの方法で、これはあなたのために

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

Answer 4

を動作するはずです。この

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