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!