Մեթոդների և հատկությունների շղթաները JavaScript-ում

Ենթադրենք ունենք ինփութ.

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

Եկեք էկրանին ցուցադրենք ինփութի տեքստը.

javascriptlet elem = document.querySelector('#elem');
console.log(elem.value); // կցուցադրի 'text'

Ինչպես տեսնում եք, մենք նախ ստանում ենք տարրը նրա id-ով, գրում ենք այդ տարրը elem փոփոխականի մեջ, ապա ցուցադրում էկրանին այդ փոփոխականի value հատկությունը։

Իրականում կարելի է չներմուծել elem փոփոխականը, այլ կառուցել կետերի շղթա այսպես.

javascriptconsole.log( document.querySelector('#elem').value ); // կցուցադրի 'text'

Նույն կերպ՝ շղթայով՝ կարելի է կատարել նաև ատրիբուտների վերագրանցում.

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

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

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