LÀM THẾ NÀO ĐỂ - Xóa một lớp học
Tìm hiểu cách xóa tên lớp khỏi một phần tử bằng JavaScript.
Nhấp vào nút để xóa một lớp học khỏi tôi!
Xóa lớp
Bước 1) Thêm HTML:
Trong ví dụ này, chúng tôi sẽ sử dụng một nút để xóa lớp "mystyle" khỏi phần tử <div> với id = "myDIV":
Thí dụ
<button onclick="myFunction()">Try it</button>
<div id="myDIV"
class="mystyle">
This is a DIV element.
</div>
Bước 2) Thêm CSS:
Tạo kiểu cho tên lớp được chỉ định:
Thí dụ
.mystyle {
width: 100%;
padding:
25px;
background-color: coral;
color: white;
font-size: 25px;
}
Bước 3) Thêm JavaScript:
Lấy phần tử <div> với id = "myDIV" và xóa lớp "mystyle" khỏi nó:
Thí dụ
function myFunction() {
var element = document.getElementById("myDIV");
element.classList.remove("mystyle");
}
Mẹo: Cũng xem Cách chuyển đổi một lớp .
Mẹo: Cũng xem Cách Thêm Lớp học .
Mẹo: Tìm hiểu thêm về thuộc tính classList trong Tài liệu tham khảo JavaScript của chúng tôi.
Mẹo: Tìm hiểu thêm về thuộc tính className trong Tài liệu tham khảo JavaScript của chúng tôi.