JavaScript'te Metot ve Özellik Zincirleri

Bir input elemanımız olsun:

html<input id="elem" value="text">

Input'un metnini ekrana yazdıralım:

javascriptlet 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:

javascriptconsole.log( document.querySelector('#elem').value ); // 'text' yazdıracak

Aynı şekilde - zincirleme olarak - niteliklerin değerini de değiştirebiliriz:

javascriptdocument.querySelector('#elem').value = 'www';

html<img id="image" src="avatar.png">

javascriptlet image = document.querySelector('#image');
console.log(image.src);