Bagaimana untuk mendapatkan kawalan dalam html menggunakan javascript

Dengan pembangunan berterusan pembangunan bahagian hadapan, JavaScript telah menjadi kemahiran penting Banyak kali kita perlu mendapatkan kawalan dalam HTML untuk beroperasi atau berubah. Artikel ini akan memperkenalkan cara JavaScript memperoleh kawalan dalam HTML.

1. Dapatkan satu kawalan

Untuk mendapatkan satu kawalan dalam HTML, kita boleh menggunakan dua kaedah berikut:

1.1 Dapatkan

oleh ID Dalam HTML, setiap kawalan mempunyai ID unik dan kami boleh mendapatkan kawalan melalui ID unik ini. Berikut ialah contoh:

<input type="text" id="user-name" value="John Doe">

Kita boleh mendapatkan kawalan input di atas melalui kod berikut:

var userNameInput = document.getElementById("user-name");

Pada masa ini, userNameInput ialah kawalan input yang diperolehi boleh digunakan terus dalam kod.

1.2. Mendapatkan melalui hartanah

Kita boleh mendapatkan kawalan yang sepadan melalui sifat kawalan. Berikut ialah contoh:

<input type="text" name="user-name" value="John Doe">

Kita boleh mendapatkan kawalan input di atas melalui kod berikut:

var userNameInput = document.getElementsByName("user-name")[0];

Dalam contoh ini, kami menggunakan fungsi getElementsByName untuk mendapatkan kawalan input , kerana kawalan ini tidak mempunyai ID.

2. Dapatkan berbilang kawalan

Jika kita perlu mendapatkan berbilang kawalan daripada jenis yang sama dalam HTML, kita boleh menggunakan dua kaedah berikut:

2.1 Dapatkan

Kita boleh mendapatkan semua jenis kawalan yang sama dalam HTML melalui nama teg. Berikut ialah contoh:

<input type="text" name="user-name" value="John Doe">

Kita boleh mendapatkan semua kawalan input melalui kod berikut:

var inputs = document.getElementsByTagName("input");

Pada masa ini, inputs ialah semua kawalan input.

2.2. Dapatkan mengikut nama kelas

Kami boleh mendapatkan semua kawalan dengan nama kelas yang sama dalam HTML mengikut nama kelas. Berikut ialah contoh:

<input type="text" class="user-input" value="John Doe">
<input type="text" class="user-input" value="john.doe@example.com">
<input type="text" class="user-input" value="+1 234 567 890">

Kita boleh mendapatkan semua kawalan input melalui kod berikut:

var inputs = document.getElementsByClassName("user-input");

Pada masa ini, inputs ialah semua kelas "input pengguna " " kawalan input.

3. Ringkasan

Di atas ialah kaedah mendapatkan kawalan HTML menggunakan JavaScript. Apabila kita perlu mengendalikan kawalan dalam HTML, kita perlu mendapatkan kawalan ini terlebih dahulu sebelum kita boleh melakukan operasi seterusnya.

Atas ialah kandungan terperinci Bagaimana untuk mendapatkan kawalan dalam html menggunakan javascript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!