მეთოდების და თვისებების ჯაჭვები 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);