Phương thức classList remove() một giá trị trong JavaScript

Phương thức classList remove() một giá trị trong JavaScript

Phương thức classList remove() một giá trị trong JavaScript

Tự code rồi chạy thử... Chạy Thử 
<!DOCTYPE html>
<html>
<head>
<title>Phương thức classList remove() một giá trị trong JavaScript</title>
<style>
.pclass{padding:15px;border:1px solid #000;text-align:center;text-transform: uppercase;}
</style>
</head>
<body>

<h1>Phương thức classList remove() một giá trị trong JavaScript</h1>
<p>Dùng để xóa một hoặc nhiều giá trị trong thuộc tính class trên phần tử HTML, phương thức này chỉ xóa giá trị chứ không xóa thuộc tính class, ở ví dụ này mình xóa 1 giá trị của thuộc tính class:</p>

<p id="pid" class="pclass" >Nội dung đã css</p>
<p>Click vào nút XÓA CLASS để xóa class pclass của phần tử HTML có id pid</p>
<button onclick="xoaClass()">XÓA CLASS</button>
<script>
function xoaClass() {
  // Lấy id pid và thực hiện hành động xóa class pclass
  document.getElementById("pid").classList.remove("pclass");
}
</script>
</body>
</html>
Phương thức classList remove() một giá trị trong JavaScript nằm trong bài viết Phương thức classList remove() trong JavaScript