Encadenamiento de métodos y propiedades en JavaScript
Supongamos que tenemos un input:
<input id="elem" value="text">
Mostremos el texto del input en pantalla:
let elem = document.querySelector('#elem');
console.log(elem.value); // mostrará 'text'
Como puedes ver, primero obtenemos el elemento
por su id, escribimos este elemento
en la variable elem, y luego mostramos
en pantalla la propiedad value de esta variable.
En realidad, no es necesario introducir la variable
elem, sino que se puede construir una cadena de puntos de esta
manera:
console.log( document.querySelector('#elem').value ); // mostrará 'text'
De la misma manera - en cadena - se puede realizar la reescritura de atributos:
document.querySelector('#elem').value = 'www';
Dado el siguiente código:
<img id="image" src="avatar.png">
let image = document.querySelector('#image');
console.log(image.src);
Rehaga el código anterior para que
en lugar de introducir la variable image se utilice
una cadena.