DOM Elemanlarıyla Çalışmak için JavaScript Fonksiyonları

Şimdi, DOM ile bazı işlemler gerçekleştiren yardımcı fonksiyonlar yapmayı öğreneceğiz. Örneğin, ilk parametre olarak elemanın id' sini, ikinci parametre olarak da elemanın metnini alan ve bu elemana yeni bir metin atayan bir fonksiyon yapalım.

İşte tanımlanan fonksiyon:

javascriptfunction setText(id, text) {
  let elem = document.getElementById(id);
  elem.textContent = text;
}

Onun çalışmasını deneyelim. Elimizde iki paragraf olduğunu varsayalım:

html<p id="elem1"></p>
<p id="elem2"></p>

Oluşturduğumuz fonksiyonu kullanarak bu paragrafların metnini değiştirelim:

javascriptsetText('elem1', 'text1');
setText('elem2', 'text2');
Задание 1

Benim oluşturduğum fonksiyonu, parametre olarak elemanın id' sini değil, rastgele bir CSS seçici alacak şekilde değiştirin.

Задание 2

Bir DOM elemanının niteliğini değiştiren setAttr fonksiyonunu yapın. Fonksiyon ilk parametre olarak elemanın seçicisini, ikinci parametre olarak niteliğin adını, üçüncü parametre olarak da onun yeni değerini alsın.