Storage setItem() Method

JavaScript Storage Object

setItem()This method sets the value of the specified key name in the given storage object, and if the key value already exists, it updates the key value.

The setItem() method of the storage object can belocalStorageObject orsessionStorrageObject.

Syntax:

localStorage.setItem(key,　value)

sessionStorage.setItem(key,　value)

;localStorage.setItem('color', 'green');
;localStorage.setItem('image', 'parrot.png');
;localStorage.setItem('url', 'https://www.oldtoolbag.com');

Browser compatibility

The numbers in the table specify the first browser version that fully supports the setItem() method:

Parameter value

Technical details

More examples

Set the value of the specified session storage item:

sessionStorage.setItem('time', Date.now());
sessionStorage.setItem('age',　22);

You can also use dot notation to set values:

localStorage.color = "green";
localStorage.image = "parrot.png";
localStorage.url = "https://www.oldtoolbag.com";

The following function creates three data items in local storage and then uses them to set custom styles on the page:

function populateStorage() {
　　;localStorage.setItem('bgcolor', document.getElementById('bgcolor').value);
　　;localStorage.setItem('font', document.getElementById('font').value);
　　;localStorage.setItem('image', document.getElementById('image').value);
}

Related References

HTML Tutorial:Web Storage API

Reference for Window (Window):window.localStorage property

Reference for Window (Window):window.sessionStorage property

JavaScript Storage Object