🚀 JS - Dinamik özellik oluşturma class , style , src , vs

Ramazan HABER / JS / Dinamik özellik oluşturma class , style , src , vs

1-) JS - Dinamik özellik oluşturma class , style , src , vs….

<html>
<head>
  <title></title>
  <meta charset="utf-8" />
  <style>
  .kirmizi {
  color:red;
  background-color:yellow;
  }
  </style>
</head>
<body>
  <div id="anakisim">
  <p> Paragraf
1</p>
  <p> Paragraf
2</p>
  <p> Paragraf
3</p>
  </div>

  <button id="b1" onclick="ozellikEkle()">Ekle</button>
  <script>
  var index = 0;
  function ozellikEkle() {
  var ozellik = document.createAttribute("class");
ozellik.value = "kirmizi";
  var element = document.getElementsByTagName("p");
  element[0].setAttributeNode(ozellik);
  }
  </script>
</body>
</html>

2021 Ocak 18 Pazartesi
360