Bagaimanakah Saya Boleh Menambah Kelas pada Elemen HTML Menggunakan JavaScript?

Menambahkan Kelas pada Elemen Sedia Ada

Dalam HTML, kita boleh menetapkan kelas kepada elemen untuk digayakan dan mengenal pastinya menggunakan CSS. Kadangkala, kita perlu menambah kelas tambahan pada elemen sedia ada secara dinamik menggunakan JavaScript. Tutorial ini merangkumi dua kaedah untuk mencapai matlamat ini, memenuhi keperluan penyemak imbas moden dan lama.

Pelayar Moden (IE9 ):

Harta classList menyediakan cara yang mudah untuk memanipulasi kelas sesuatu unsur. Begini caranya untuk menambah kelas:

element.classList.add("my-class");

Pelayar Warisan (IE8-):

Untuk penyemak imbas lama, kita perlu memanipulasi sifat className secara langsung. Walau bagaimanapun, kita perlu mempertimbangkan dengan teliti kelas sedia ada yang terdapat dalam elemen.

Langkah:

1. Tetapkan ID kepada elemen untuk akses mudah dalam JavaScript.
2. Gunakan kod JavaScript berikut untuk menambah kelas:

var d = document.getElementById("elementID");
d.className += " new-class";

Pastikan untuk memasukkan ruang sebelum nama kelas baharu untuk mengelak daripada menulis ganti kelas sedia ada.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menambah Kelas pada Elemen HTML Menggunakan JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!