Thuộc tính classList length trong JavaScript

• Bùi Tấn Lực
• 119
• 16/09/2025

Thuộc tính classList length trong JavaScript dùng để đếm số giá trị có trong thuộc tính class trên một 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 classList length trong JavaScript

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

Thuộc tính classList length trong JavaScript dùng để đếm số giá trị có trong thuộc tính class trên một phần tử HTML.

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

let ketqua = tenbien.classList.length;

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

ketqua: Kết quả trả về là số lượng giá trị có trong thuộc tính class.

Code Thuộc tính classList length trong JavaScript

<p id="pid" class="pclass pclassbg pclassc" >Nội dung đã css</p>
<p>Số giá trị nằm trong class của id pid: <span id="soid"></span></p>

<script>
// Lấy danh sách các phương thức, thuộc tính của classList dành cho id pid
const list = document.getElementById("pid").classList;
// Đếm số giá trị có trong thuộc tính class
let sogiatri = list.length;
// Gắn số giá trị
document.getElementById("soid").innerHTML = sogiatri;
</script>

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 classList length trong JavaScript.

Bùi Tấn Lực

Chia sẻ nội dung đánh giá của bạn về Thuộc tính classList length 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