Beda ID dan Class dalam Elemen HTML

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

Leave a Reply

Your email address will not be published. Required fields are marked *