Comment puis-je obtenir la valeur d'un champ de saisie de texte en JavaScript ?

Comment obtenir la valeur d'un champ de saisie de texte en JavaScript

Pour acquérir la valeur de saisie d'un champ de texte sans utiliser de formulaire HTML, plusieurs méthodes peut être utilisé en JavaScript.

Méthode 1 (getElementById)

document.getElementById('searchTxt').value;

Méthode 2 (getElementsByClassName)

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

Méthode 3 (getElementsByTagName)

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

Méthode 4 (getElementsByName)

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

Méthode 5/6 (querySelector/querySelectorAll)

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

Remarque : Les méthodes 2, 3, 4 et 6 renvoient des collections d'éléments. Utilisez des index numériques pour accéder à des éléments spécifiques.

Prise en charge du navigateur

Le tableau suivant présente la prise en charge du navigateur pour ces méthodes :

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

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!