Thuộc tính className trong JavaScript

• Bùi Tấn Lực
• 143
• 11/09/2025

Thuộc tính className trong JavaScript dùng để lấy tên class và thiết lập tên class thông qua cách lấy id của phần tử HTML, chi tiết như nào hãy cùng chúng tôi phân tích:

Thuộc tính className trong JavaScript

Chức năng của Thuộc tính className trong JavaScript

Thuộc tính className trong JavaScript dùng để lấy tên class và thiết lập tên class thông qua cách lấy id của phần tử HTML.

Cú pháp của Thuộc tính className trong JavaScript

Thiết lập className:

tenbien.className  = "giatri1 giatri2,....";

tenbien: Tên biến là phần tử HTML cần thiết lập className, thường dùng document.getElementById("giá trị id") để lấy.

giatri1 giatri2,...: là các giá trị của class.

Lấy className:

let ketqua = tenbien.className;

tenbien: Tên biến là phần tử HTML cần lấy className, thường dùng document.getElementById("giá trị id") để lấy.

ketqua: Kết quả trả về.

Code Thuộc tính className trong JavaScript

Thuộc tính className lấy tên lớp trong JavaScript

let classvalue = document.getElementById("divid").className;

<div id="divid" class="divmot divhai">Phần tử cần lấy className</div>
<p>Kết quả: <span id="ketqua"></span> </p>
<script>
let classvalue = document.getElementById("divid").className;
document.getElementById("ketqua").innerHTML = classvalue;
</script>

Kết quả sau khi lấy các tên class:

divmot divhai

Chạy Thử

Thuộc tính className thiết lập tên lớp trong JavaScript

document.getElementById("divid").className  = "divba divbon";

<div id="divid" class="divmot divhai">Phần tử cần thiết lập className</div>
<p>Kết quả sau khi thiết lập className: <span id="ketqua"></span></p>
<script>
// Thiết lập tên lớp
let divid = document.getElementById("divid");
divid.className  = "divba divbon";
// lấy tên class sau khi thiết lập
let classvalue = document.getElementById("divid").className;
document.getElementById("ketqua").innerHTML = classvalue;
</script>

Kết quả sau khi thiết lập tên class:

divba divbon

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Thuộc tính className trong JavaScript.

Bùi Tấn Lực

Chia sẻ nội dung đánh giá của bạn về Thuộc tính className trong JavaScript
Email, Điện thoại của bạn sẽ không được hiển thị công khai. Các trường bắt buộc được đánh dấu *

Đăng ký tư vấn miễn phí

Tìm hiểu 1 năm không bằng lắng nghe 1 câu tư vấn