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:

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

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

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

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

setText('elem1', 'text1');
setText('elem2', 'text2');

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

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.