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

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

<p id="h1" class="abc xyz">this element contains some classes ["abc","xyz"]<p>

<script>
let h1 = document.getElementById("h1");
/* classes before add */
console.log(h1.classList);
h1.classList.add('heading');
/* classes after add */
console.log(h1.classList);
</script>

</body>
</html>