<!DOCTYPE html>
<html>
<head>
<title>Code Phương thức classList contains() trong JavaScript</title>
<style>
.pclass{padding:15px;border:1px solid #000;text-align:center;text-transform: uppercase;}
.pclassbg{background:red}
.pclassc{color:#fff}
</style>
</head>
<body>
<h1>Code Phương thức classList contains() trong JavaScript</h1>
<p>Dùng để kiểm tra một giá trị có nằm trong thuộc tính class của một phần tử HTML hay không, nếu có sẽ trả về true, nếu không có sẽ trả về false:</p>
<p id="pid" class="pclass pclassbg pclassc" >Nội dung đã css</p>
<p>Có giá trị pclassc trong class của id pid không: <span id="ketquaid"></span></p>
<script>
// Lấy danh sách các phương thức, thuộc tính của classList dành cho id pid và kiểm tra giá trị pclassc có nằm trong class của id pid hay không.
const ketqua = document.getElementById("pid").classList.contains("pclassc");
// Gắn kết quả
document.getElementById("ketquaid").innerHTML = ketqua;
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<title>Code Phương thức classList contains() trong JavaScript</title>
<style>
.pclass{padding:15px;border:1px solid #000;text-align:center;text-transform: uppercase;}
.pclassbg{background:red}
.pclassc{color:#fff}
</style>
</head>
<body>
<h1>Code Phương thức classList contains() trong JavaScript</h1>
<p>Dùng để kiểm tra một giá trị có nằm trong thuộc tính class của một phần tử HTML hay không, nếu có sẽ trả về true, nếu không có sẽ trả về false:</p>
<p id="pid" class="pclass pclassbg pclassc" >Nội dung đã css</p>
<p>Có giá trị pclassc trong class của id pid không: <span id="ketquaid"></span></p>
<script>
// Lấy danh sách các phương thức, thuộc tính của classList dành cho id pid và kiểm tra giá trị pclassc có nằm trong class của id pid hay không.
const ketqua = document.getElementById("pid").classList.contains("pclassc");
// Gắn kết quả
document.getElementById("ketquaid").innerHTML = ketqua;
</script>
</body>
</html>
