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
DDDasal
2024-12-26 22:23:11809semak imbas

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;

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!

Kenyataan:
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