Zinxhirët e Metodave dhe Vetive në JavaScript

Le të themi se kemi një input:

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

Le të shfaqim tekstin e input-it në ekran:

javascriptlet elem = document.querySelector('#elem');
console.log(elem.value); // do të shfaqë 'text'

Siç e shihni, së pari marrim elementin përmes id-së së tij, e regjistrojmë këtë element në variablin elem, dhe pastaj e shfaqim në ekran vetinë value nga kjo variabël.

Në fakt, nuk është e nevojshme të futet një variabël elem, mund të ndërtohet një zinxhir pikash në këtë mënyrë:

javascriptconsole.log( document.querySelector('#elem').value ); // do të shfaqë 'text'

Në të njëjtën mënyrë - me zinxhir - mund të kryhet edhe rishkrimi i atributeve:

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

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

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