Ada satu pertanyaan masuk : “Apakah bedanya antara ID dan CLASS dalam Elemen HTML?” Misal:
Jawabannya adalah sebagai berikut:
Untuk CSS tidak ada bedanya antara CLASS dan ID.
Semua yang dimasukkan dalam CSS akan disetting propertinya tanpa perbedaan. Misal:
/*setting class*/
.coba1{
height:20px;
width:20px;
font-family:Trebuchet MS;
}
Akan sama saja dengan setting untuk ID
/*setting class*/
#idcoba{
height:20px;
width:20px;
font-family:Trebuchet MS;
}
Dalam satu elemen hanya bisa satu ID, tapi bisa multi class
isinya apa
isinya apa
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
isinya apa
isinya apa
isinya apa
isinya apa
isinya apa
isinya apa
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
a = document.getElementByID('a');
Namun di masa kini kita dapat dengan mudah menangkap isi class dengan bantuan JQuery.
var anu = $("#anu").val();
//menangkap isi ID
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”