Hakan Baykara | Front end Developer

querySelectorAll() ile seçilen elementlere tıklama etkinliği nasıl eklenir?

JavaScript’de etiketleri querySelectorAll() yöntemi ile seçtiğimizde bize bir NodeList Nesnesi (DOM öğelerinin listesi) döndürmektedir. Dönen sonuç diziye benzer ama değildir. Bu yöntem tarafından döndürülen bir NodeList Nesnesi (DOM öğelerinin listesi) üzerinde döngü yapmanın birçok yolu bulunmakta, bu döngü yöntemlerinden bazılarını kullanarak elementlerimize tıklama etkinliği kazandırabiliriz. Bu yazıda bazılarını paylaşmak istiyorum. 1. For-loop


let list = document.querySelectorAll('li'), i;

for (i = 0; i < list .length; ++i) {
  list[i].addEventListener("click", () => {
    // console.log("click");
  })
}