CloseTag | الشروحات | Java Script | تعديل وإضافة style علي عناصر HTML في لغة جافا سكريبت | JavaScript DOM CSS

<!DOCTYPE html>
<html>
<head>
<title>CloseTag | JavaScript object CSS style</title>
<style>
  .primary
  {
  padding:10px;
  display:inline-block;
  color:white;
  background-color:#007bff;
  }
</style>
</head>
<body>
<h1>JavaScript object CSS style</h1>

<p id="text">this element styled with JavaScript<p>

<script>
let text = document.getElementById("text");
text.classList.add("primary");
</script>

</body>
</html>