Zinxhirët e Metodave dhe Vetive në JavaScript

Le të themi se kemi një input:

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

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

let 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ë:

console.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:

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

Jepet kodi në vijim:

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

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

Rillogaritni kodin e mësipërm në mënyrë që në vend të futjes së variablit image të përdoret zinxhiri.