Phương thức classList contains() trong JavaScript

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

Chức năng của Phương thức classList contains() trong JavaScript

Phương thức classList contains() trong JavaScript dùng để kiểm tra một giá trị có nằm trong thuộc tính class của một phần tử HTML hay không, nếu có sẽ trả về true, nếu không có sẽ trả về false.

Cú pháp của Phương thức classList contains() trong JavaScript

let ketqua = tenbien.classList.contains("giatri");

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

giatri: Giá trị của class.

ketqua: Kết quả trả về là true hoặc false.

Code Phương thức classList contains() trong JavaScript

const ketqua = document.getElementById("pid").classList.contains("pclassc");

<p id="pid" class="pclass pclassbg pclassc" >Nội dung đã css</p>
<p>Có giá trị pclassc trong class của id pid không: <span id="ketquaid"></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 và kiểm tra giá trị pclassc có nằm trong class của id pid hay không.
const ketqua = document.getElementById("pid").classList.contains("pclassc");
// Gắn kết quả
document.getElementById("ketquaid").innerHTML = ketqua;
</script>

Kết quả:

Có giá trị pclassc trong class của id pid không: true

Chạy Thử

Lời kết

Cảm ơn các bạn đã tham khảo bài viết Phương thức classList contains() trong JavaScript.

Bùi Tấn Lực

Chia sẻ nội dung đánh giá của bạn về Phương thức classList contains() 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 thiết kế website

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