JavaScript'te Metot ve Özellik Zincirleri
Bir input elemanımız olsun:
<input id="elem" value="text">
Input'un metnini ekrana yazdıralım:
let elem = document.querySelector('#elem');
console.log(elem.value); // 'text' yazdıracak
Gördüğünüz gibi, önce elemanı id'sine göre alıyoruz,
bu elemanı elem değişkenine kaydediyoruz,
ardından bu değişkendeki value özelliğini
ekrana yazdırıyoruz.
Aslında elem değişkenini tanımlamak zorunda değiliz,
bunun yerine noktalardan oluşan bir zincir şu şekilde oluşturabiliriz:
console.log( document.querySelector('#elem').value ); // 'text' yazdıracak
Aynı şekilde - zincirleme olarak - niteliklerin değerini de değiştirebiliriz:
document.querySelector('#elem').value = 'www';
Aşağıdaki kod verilmiştir:
<img id="image" src="avatar.png">
let image = document.querySelector('#image');
console.log(image.src);
Yukarıdaki kodu, image değişkeni tanımlamak yerine
zincir kullanacak şekilde değiştirin.
