Metodu un īpašību ķēdes JavaScript
Pieņemsim, ka mums ir ievades lauks:
<input id="elem" value="text">
Izvadīsim ekrānā ievades lauka tekstu:
let elem = document.querySelector('#elem');
console.log(elem.value); // izvadīs 'text'
Kā jūs redzat, mēs vispirms iegūstam elementu
pēc tā id, ierakstām šo elementu
mainīgajā elem un pēc tam izvadām
ekrānā īpašību value no šī mainīgā.
Patiesībā mainīgo elem
var neievadīt, bet veidot punktu ķēdi šādā
veidā:
console.log( document.querySelector('#elem').value ); // izvadīs 'text'
Tādā pašā veidā - ar ķēdi - var veikt arī atribūtu pārrakstīšanu:
document.querySelector('#elem').value = 'www';
Dots šāds kods:
<img id="image" src="avatar.png">
let image = document.querySelector('#image');
console.log(image.src);
Pārveidojiet iepriekš minēto kodu tā, lai
mainīgā image ieviešanas vietā tiktu izmantota
ķēde.
