Làm cách nào để xóa CSS khỏi HTML?

Tìm hiểu cách xóa tên lớp khỏi 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 học

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ử có id="myDIV"

Thí dụ

Thử nó

Đây là một yếu tố DIV

Bước 2) Thêm CSS

Tạo kiểu cho tên lớp đã chỉ định

Thí dụ

phong cách của tôi {
bề rộng. 100%;
đệm. 25px;
màu nền. san hô;
màu. trắng;
cỡ chữ. 25px;
}

Bước 3) Thêm JavaScript

Nhận được

phần tử với id="myDIV" và xóa lớp "mystyle" khỏi nó

Thí dụ

hàm myFunction() {
phần tử var = tài liệu. getElementById("myDIV");
yếu tố. danh sách lớp học. xóa ("phong cách của tôi");
}

Mẹo. Đồng thời xem Cách chuyển đổi một lớp

Mẹo. Cũng xem Cách thêm một lớp

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

Bài đăng này sẽ thảo luận về cách xóa một lớp CSS cụ thể khỏi phần tử HTML bằng JavaScript và jQuery

1. Sử dụng jQuery

Với jQuery, bạn có thể sử dụng . removeClass() phương thức xóa lớp cụ thể khỏi phần tử. Điều này được minh họa bên dưới, trong đó ____________ được sử dụng để xóa _________ lớp khỏi vùng chứa div.

JS

1

2

3

$(tài liệu). sẵn sàng(chức năng() {

    $("#container").removeClass("color");

});

CSS

1

2

3

4

5

6

7

8

9

.main {

    chiều rộng. 500px;

    chiều cao. 300px;

    đường viền. 1px rắn đen;

}

.color {

    màu nền. xám nhạt;

}

HTML

1