Wie rufe ich den Wert eines Texteingabefelds mit JavaScript ab?

So ermitteln Sie den Wert eines Texteingabefelds mit JavaScript

Sie können den Wert eines Texteingabefelds in JavaScript mit diesen Methoden ermitteln:

Methode 1: getElementById

document.getElementById('input_id').value;

Methode 2: getElementsByClassName

document.getElementsByClassName('class_name')[0].value;

Methode 3: getElementsByTagName

document.getElementsByTagName('input')[0].value;

Methode 4: getElementsByName

document.getElementsByName('input_name')[0].value;

Methode 5: querySelector

By ID:

document.querySelector('#input_id').value;

Nach Klasse:

document.querySelector('.class_name').value;

Nach Tag-Name:

document.querySelector('input').value;

Methode 6: querySelectorAll

Ähnlich wie querySelector, gibt jedoch ein statisches Ergebnis zurück NodeList:

Nach ID:

document.querySelectorAll('#input_id')[0].value;

Nach Klasse:

document.querySelectorAll('.class_name')[0].value;

Nach Tag-Name :

document.querySelectorAll('input')[0].value;

Beispiel in Ihrem Code

Um den Wert des Suchtext-Eingabefelds in Ihrem Code zu erhalten, verwenden Sie:

const searchTxtValue = document.getElementById('searchTxt').value;

Browser-Unterstützung

Browser	Method 1	Method 2	Method 3	Method 4	Method 5/6
IE6	Y (Buggy)	N	Y	Y (Buggy)	N
IE7	Y (Buggy)	N	Y	Y (Buggy)	N
IE8	Y	N	Y	Y (Buggy)	Y
IE9	Y	Y	Y	Y (Buggy)	Y
IE10	Y	Y	Y	Y	Y
FF3.0	Y	Y	Y	Y	N
FF3.5/FF3.6	Y	Y	Y	Y	Y
FF4b1	Y	Y	Y	Y	Y
GC4/GC5	Y	Y	Y	Y	Y
Safari4/Safari5	Y	Y	Y	Y	Y
Opera10.10/
Opera10.53/	Y	Y	Y	Y (Buggy)	Y
Opera10.60
Opera 12	Y	Y	Y	Y	Y

Das obige ist der detaillierte Inhalt vonWie rufe ich den Wert eines Texteingabefelds mit JavaScript ab?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!