====== Getter e Setter ======

[[namespace:javascript|Pagina princiaple di Javascript]]

Fino ad ora abbiamo solamente modificato delle proprietà senza preoccuparci dei valori che avessero in quel momento.

In JavaScript esistono due modalità di accesso ai valori che sono i **getter** ed i **setter**, queste due parole derivano dai verbi inglesi to get e ro set.

Useremo getter ed i setter sulle proprietà degli oggetti presenti nel DOM.

I getter servono a prendere un valore mentre i setter servono ad impostarlo.  
Per quanto riguarda i getter è possibile impostare tutti i valori delle proprietà di un oggetto, mentre per i getter è possibile recuperare solo i valori che sono impostati per quell'elemento.

Fino ad ora abbiamo usato solo i setter.

<Code:javascript linenums:1 | Setter>
document.getElementById('div1').style.color = 'red';
document.getElementById('div1').style.backgroundColor = '#fee';
document.getElementById('div1').innerHTML = 'Nuovo valore';
</Code>

Ecco qualche getter:
<Code:javascript linenums:1 | Getter>
let actColor = document.getElementById('div1').style.color;
let actBG = document.getElementById('div1').style.backgroundColor;
let actHTML = document.getElementById('div1').innerHTML;
</Code>

Getter e setter in un unica isruzione:
<Code:javascript linenums:1 | Getter e Setter>
document.getElementById('div1').innerHTML += 'Aggiugni qualcosa';
</Code>

Questo codice aggiunge in coda all'attuale valore.