Ada satu pertanyaan masuk : “Apakah bedanya antara ID dan CLASS dalam Elemen HTML?” Misal:
|
1 2 3 |
<div id="coba1"> <div class="class"></div> </div> |
Jawabannya adalah sebagai berikut:
Untuk CSS tidak ada bedanya antara CLASS dan ID.
Semua yang dimasukkan dalam CSS akan disetting propertinya tanpa perbedaan. Misal:
|
1 2 3 4 5 6 |
/*setting class*/ .coba1{ height:20px; width:20px; font-family:Trebuchet MS; } |
Akan sama saja dengan setting untuk ID
|
1 2 3 4 5 6 |
/*setting class*/ #idcoba{ height:20px; width:20px; font-family:Trebuchet MS; } |
Dalam satu elemen hanya bisa satu ID, tapi bisa multi class
|
1 2 3 |
<div id="satu"> isinya apa </div> |
|
1 2 3 |
<div class="dua tiga empat"> isinya apa </div> |
Dengan membawa Multi Class akan mengakibatkan sebuah elemen tersetting menurut seluruh setting properti css class. Satu elemen juga dapat berisi CLASS dan ID sekaligus.
Dalam satu halaman diharapkan hanya ada satu elemen ber ID tertentu (unik), tapi bisa banyak elemen berclass sama
|
1 2 3 |
<div id="id1">isinya apa</div> <div id="id2">isinya apa</div> <div id="id2">isinya apa</div> |
|
1 2 3 |
<div class="dua tiga empat">isinya apa</div> <div class="dua tiga empat">isinya apa</div> <div class="dua tiga empat">isinya apa</div> |
Namun untuk browser-browser baru, sudah banyak bisa menerima ID sama dalam satu halaman.
Untuk javascript akan kesulitan menangkap Class
Javascript akan dapat dengan mudah mengambil DOM (Document Object Model) dengan ID seperti
|
1 |
a = document.getElementByID('a'); |
Namun di masa kini kita dapat dengan mudah menangkap isi class dengan bantuan JQuery.
|
1 2 |
var anu = $("#anu").val(); //menangkap isi ID |
|
1 2 |
var anu = $(".anu").val(); //menangkap isi class |
ID dapat dipanggil via browser
Jika kita ingin memanggil sebuah halaman dan ditambahkan dengan #{namaid} maka akan langsung dibukakan halaman dalam posisi sudah terscroll ke ID tersebut. Contoh silakan saja buka : https://blogit.bimosaurus.com/2013/07/09/tutorial-membuat-aplikasi-webchat-dengan-php-mysql-jquery/#comment
Sekian iseng menjelang Jumat. Selamat menunaikan ibadah puasa Ramadan. Semoga artikel-artikel disini membantu pahala puasa supaya tidak cuma dapat Ra-Madang 
One thought on “Beda ID dan Class dalam Elemen HTML”