CloseTag | الشروحات | Java Script | دالة ClassList مع DOM في لغة جافا سكريبت | JavaScript DOM ClassList

<!DOCTYPE html>
<html>
<head>
<title>CloseTag | JavaScript DOM ClassList | toggle</title>
<style>
  .heading
  {
  background-color:#007bff;
  padding:10px;
  color:white;
  }
</style>
</head>
<body>
<h1>JavaScript DOM ClassList toggle</h1>

<p id="h1" class="abc xyz">this element contains some classes ["abc","xyz"]<p>
<!-- Click in h1 to check toggle-->
<script>
let h1 = document.getElementById("h1");
h1.addEventListener('click',()=>{
  h1.classList.toggle('heading');
  console.log(h1.classList);
})
</script>

</body>
</html>