JavaScriptтеги методдордун жана касиеттердин тизмеги

Бизде инпут бар болсун:

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

Келгиле, инпуттун текстин экранга чыгаралы:

let elem = document.querySelector('#elem');
console.log(elem.value); // 'text' чыгарат

Көрүп тургандай, биз адегенде элементти анын id боюнча алабыз, бул элементти elem өзгөрмөсүнө жазабыз, андан кийин бул өзгөрмөдөн value касиетин экранга чыгарабыз.

Чындыгында, elem өзгөрмөсүн киргизбей, чекиттерден ушундай тизмек курууга болот:

console.log( document.querySelector('#elem').value ); // 'text' чыгарат

Ошол эле жол менен - тизмек түрүндө - атрибуттарды кайра жазууну да жүргүзүүгө болот:

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

Төмөндөгү код берилген:

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

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

Жогоруда келтирилген кодду image өзгөрмөсүн киргизүүнүн ордуна тизмек колдонулганга өзгөртүңүз.