Để xóa, bạn có thể sử dụng remove () trong JavaScript.
Ví dụ
Sau đây là mã -
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<link rel="stylesheet" href="//code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<style>
.removeClass {
color: red;
}
</style>
<body>
<p id="remove" class="removeClass">Javascript Tutorial</p>
</div>
<button onclick="removeClassName()">Remove</button>
</body>
<script>
function removeClassName() {
const element = document.getElementById("remove");
element.classList.remove("removeClass");
}
</script>
</html> Để chạy chương trình trên, hãy lưu tên tệp anyName.html (index.html). Nhấp chuột phải vào tệp và chọn tùy chọn “Mở bằng máy chủ trực tiếp” trong trình chỉnh sửa Mã VS.
Điều này sẽ tạo ra kết quả sau -
Bây giờ, nhấp vào nút loại bỏ, bạn sẽ nhận được kết quả sau.
Đầu ra
Điều này sẽ tạo ra kết quả sau -
