Chuỗi phương thức và thuộc tính trong JavaScript

Giả sử chúng ta có một input:

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

Hãy in ra văn bản của input:

let elem = document.querySelector('#elem');
console.log(elem.value); // sẽ in ra 'text'

Như bạn thấy, đầu tiên chúng ta lấy phần tử theo id của nó, ghi phần tử đó vào biến elem, sau đó in ra thuộc tính value từ biến này.

Thực tế có thể không cần tạo biến elem, mà xây dựng chuỗi từ các dấu chấm theo cách sau:

console.log( document.querySelector('#elem').value ); // sẽ in ra 'text'

Theo cách tương tự - bằng chuỗi - cũng có thể thực hiện việc ghi đè thuộc tính:

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

Cho đoạn mã sau:

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

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

Hãy chuyển đổi đoạn mã trên để thay vì tạo biến image thì sử dụng chuỗi.