Apakah kegunaan biasa pemilih id?

Pemilih id biasanya digunakan dalam penambat pautan dalaman halaman, elemen operasi JavaScript, kawalan gaya dan pengesahan borang. Pengenalan terperinci: 1. Penambat pautan dalaman halaman sering digunakan dalam penambat pautan dalaman halaman Dengan menetapkan ID unik pada elemen sasaran, anda boleh membuat pautan di tempat lain dalam halaman supaya pengguna boleh pergi terus ke lokasi elemen sasaran; 2. JavaScript mengendalikan elemen pemilih ID sering digunakan dalam JavaScript untuk mengendalikan elemen HTML, dsb.

Sistem pengendalian tutorial ini: sistem Windows 10, komputer DELL G3.

Pemilih ID ialah salah satu pemilih yang paling biasa digunakan dalam CSS dan digunakan untuk memilih elemen HTML dengan ID yang ditentukan. Pemilih ID memilih elemen dengan menetapkan atribut ID unik kepada elemen. Berikut ialah aplikasi biasa pemilih ID:

1. Penambat pautan dalaman halaman:

Pemilih ID sering digunakan dalam penambat pautan dalaman halaman. Dengan menetapkan ID unik pada elemen sasaran, anda boleh membuat pautan di tempat lain pada halaman supaya pengguna boleh melompat terus ke tempat elemen sasaran berada.

<h2 id="section1">Section 1</h2>
   <p>Content of section 1</p>
   <a href="#section1">Go to Section 1</a>

Dalam contoh di atas, pemilih ID digunakan untuk membuat pautan dalaman pada halaman Apabila pengguna mengklik pautan "Pergi ke Bahagian 1", halaman akan menatal ke elemen dengan ID "bahagian1".

2. Elemen pengendalian JavaScript:

Pemilih ID biasanya digunakan dalam JavaScript untuk mengendalikan elemen HTML. Dengan menggunakan kaedah getElementById(), elemen DOM yang sepadan boleh diperolehi mengikut ID elemen, supaya ia boleh dikendalikan, diubah suai atau pendengar acara ditambah.

   var element = document.getElementById("myElement");
   element.style.color = "red";

Dalam contoh di atas, elemen dengan ID "myElement" diperoleh melalui pemilih ID dan warna teksnya ditetapkan kepada merah.

3. Kawalan gaya:

Pemilih ID boleh digunakan untuk menggunakan gaya pada elemen dengan ID tertentu. Dengan menetapkan atribut ID untuk elemen dan menggunakan pemilih ID yang sepadan dalam CSS, anda boleh mengawal gaya elemen.

   <p id="highlight">This paragraph is highlighted.</p>

   #highlight {
     background-color: yellow;
   }

Dalam contoh di atas, pemilih ID digunakan untuk memilih elemen perenggan dengan ID "serlah" dan menetapkan warna latar belakangnya kepada kuning untuk mencapai kesan serlahan.

4. Pengesahan borang:

Pemilih ID juga sering digunakan dalam pengesahan borang. Dengan menetapkan atribut ID untuk elemen borang dan menggunakan pemilih ID dalam JavaScript untuk mendapatkan elemen borang yang sepadan, data yang dimasukkan oleh pengguna boleh disahkan, diproses dan diserahkan.

   <form id="myForm">
     <input type="text" id="username" required>
     <input type="password" id="password" required>
     <button type="submit">Submit</button>
   </form>

   var form = document.getElementById("myForm");
   form.addEventListener("submit", function(event) {
     event.preventDefault();
     // 表单验证和处理逻辑
   });

Dalam contoh di atas, pemilih ID digunakan untuk mendapatkan elemen borang dengan ID "myForm" dan menambah pendengar untuk acara penyerahan borang.

Perlu diambil perhatian bahawa pemilih ID harus kekal unik, dan setiap ID hanya boleh digunakan sekali dalam halaman. Jika tidak, ia boleh mengakibatkan padanan pemilih yang salah atau konflik gaya.

Ringkasnya, pemilih ID digunakan secara meluas dalam penambat pautan dalaman halaman, elemen operasi JavaScript, kawalan gaya dan pengesahan borang. Penggunaan pemilih ID yang betul boleh meningkatkan kebolehbacaan dan kebolehselenggaraan kod, dan juga menyediakan pembangun dengan kawalan gaya yang lebih kaya dan keupayaan interaktif.

Atas ialah kandungan terperinci Apakah kegunaan biasa pemilih id?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!