Rumah > hujung hadapan web > tutorial js > Bagaimanakah Saya Boleh Mendapatkan Nilai Medan Input Teks dalam JavaScript?

Bagaimanakah Saya Boleh Mendapatkan Nilai Medan Input Teks dalam JavaScript?

DDD
Lepaskan: 2024-12-26 22:23:11
asal
847 orang telah melayarinya

How Can I Get the Value of a Text Input Field in 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;
Salin selepas log masuk

Kaedah 2 (getElementsByClassName)

document.getElementsByClassName('searchField')[0].value;
Salin selepas log masuk

Kaedah 3 (getElementsByTagName)

document.getElementsByTagName('input')[0].value;
Salin selepas log masuk

Kaedah 4 (getElementsByName)

document.getElementsByName('searchTxt')[0].value;
Salin selepas log masuk

Kaedah 5/6 (querySelector/querySelectorAll)

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

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!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan