Rumah >hujung hadapan web >tutorial js >Bagaimanakah Saya Boleh Mendapatkan Nilai Medan Input Teks dalam JavaScript?
Cara Mendapatkan Nilai Medan Input Teks dalam JavaScript
Untuk memperoleh nilai input daripada medan teks tanpa menggunakan borang HTML, beberapa kaedah boleh digunakan dalam JavaScript.
Kaedah 1 (getElementById)
document.getElementById('searchTxt').value;
Kaedah 2 (getElementsByClassName)
document.getElementsByClassName('searchField')[0].value;
Kaedah 3 (getElementsByTagName)
document.getElementsByTagName('input')[0].value;
Kaedah 4 (getElementsByName)
document.getElementsByName('searchTxt')[0].value;
Kaedah 5/6 (querySelector/querySelectorAll)
// Use unique identifier, class, tag, or attribute selection document.querySelector('input[type="text"]').value;
Nota: Kaedah 2, 3, 4 dan 6 mengembalikan koleksi elemen. Gunakan indeks berangka untuk mengakses elemen tertentu.
Sokongan Penyemak Imbas
Jadual berikut menggariskan sokongan penyemak imbas untuk kaedah ini:
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 |
Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Mendapatkan Nilai Medan Input Teks dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!