🚀 JS - Child yani çocuk’larda gezinme

Ramazan HABER / JS / Child yani çocuk’larda gezinme

1-) JS - Child yani çocuk'larda gezinme

<body>
  <div id="anakisim">
  <p> Paragraf
1</p>
  <p> Paragraf
2</p>
  <p> Paragraf
3</p>
  </div>
  <button id="b1" onclick="nodelar()">Ekle</button>
  <script>
  function nodelar() {
  var parent = document.getElementById("anakisim");
  var child = parent.childNodes;
  alert(child.length);
child[1].style.color = "red"; // 1-3-5-7 diye node'lara ulaşıyor
  var sonChild = parent.lastElementChild;
sonChild.style.color = "blue";
  }
  </script>
</body>

2021 Ocak 18 Pazartesi
326