Bài viết này sẽ minh họa hàm “hasClass” bằng JavaScript đơn giản.
Làm cách nào để thực hiện chức năng của hàm “hasClass” với JavaScript đơn giản?
“ hasClass ” chức năng thuộc về JavaScript “ jQuery ' thư viện. Nếu bạn muốn sử dụng JavaScript đơn giản và xác định xem lớp được chỉ định có phải là một phần của một phần tử cụ thể hay không, thì bạn phải sử dụng “ chứa đựng() ” phương thức của đối tượng classList. Điều này hoạt động giống như hàm hasClass.
cú pháp
Để có được chức năng của “ hasClass ” trong JavaScript, hãy sử dụng cú pháp dưới đây:
yếu tố. danh sách lớp học . chứa đựng ( 'tên lớp' )
Nơi đây, ' tên lớp ” là tên của lớp CSS sẽ được tìm kiếm trong phần tử cụ thể.
Trong khi cú pháp của phương thức hasClass() trong jQuery là:
$ ( bộ chọn ) . hasClass ( tên lớp )Thí dụ
Tạo một ' div ” phần tử, gán một lớp CSS “ flex-item1 ” để tạo kiểu cho div và thêm hình ảnh logo của trang web bằng cách sử dụng “ src ” thuộc tính của thẻ bên trong phần tử div:
< id div = 'logoDiv' tầng lớp = 'flex-item1' >
< img src = 'https://linuxhint.com/wp-content/uploads/2019/11/Logo-final.png' mọi điều = '' />
div >
Tạo một lớp CSS “ flex-item1 ” để tạo kiểu cho div:
.flex-item1 {màu nền : màu đen ;
chiều rộng tối đa : 7 em ;
trưng bày : uốn cong ;
sắp xếp các mục : trung tâm ;
đệm : 0 15px ;
}
Trong tệp JavaScript hoặc thẻ