Wie kann ich den Wert eines Texteingabefelds in JavaScript ermitteln?

So erhalten Sie den Wert eines Texteingabefelds in JavaScript

Um den Eingabewert aus einem Textfeld ohne Verwendung eines HTML-Formulars zu erhalten, gibt es mehrere Methoden kann in JavaScript eingesetzt werden.

Methode 1 (getElementById)

document.getElementById('searchTxt').value;

Methode 2 (getElementsByClassName)

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

Methode 3 (getElementsByTagName)

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

Methode 4 (getElementsByName)

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

Methode 5/6 (querySelector/querySelectorAll)

// Use unique identifier, class, tag, or attribute selection
document.querySelector('input[type="text"]').value;

Hinweis: Methoden 2, 3, 4 und 6 geben Sammlungen von Elementen zurück. Verwenden Sie numerische Indizes, um auf bestimmte Elemente zuzugreifen.

Browser-Unterstützung

Die folgende Tabelle beschreibt die Browser-Unterstützung für diese Methoden:

Browser	Method 1	Method 2	Method 3	Method 4	Method 5/6
IE6	Buggy	No	Yes	Buggy	No
IE7	Buggy	No	Yes	Buggy	No
IE8	Yes	No	Yes	Buggy	Yes
IE9	Yes	Yes	Yes	Buggy	Yes
IE10	Yes	Yes	Yes	Yes	Yes
FF 3.0	Yes	Yes	Yes	Yes	No
FF 3.5/3.6	Yes	Yes	Yes	Yes	Yes
FF 4b1	Yes	Yes	Yes	Yes	Yes
GC4/GC5	Yes	Yes	Yes	Yes	Yes
Safari 4/5	Yes	Yes	Yes	Yes	Yes
Opera 10.10/	No	No	No	No	No
Opera 10.53/	Yes	Yes	Yes	Buggy	Yes
Opera 10.60	No	No	No	No	No
Opera 12	Yes	Yes	Yes	Yes	Yes

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