Storage setItem() 메서드

setItem()메서드는 주어진 저장 객체에 지정된 키 이름의 값을 설정합니다. 해당 키 값이 이미 존재하면, 키 값을 업데이트합니다.

setItem() 메서드는 저장 객체에 속해 있으며,localStorage객체 또는sessionStorrage객체.

문법：

localStorage.setItem(key,　value)

sessionStorage.setItem(key,　value)

예제

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

테스트를 보세요‹/›

브라우저 호환성

테이블에 나열된 숫자는 setItem() 메서드를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다：

메서드
setItem()	4	3.5	11.5	4	9

파라미터 값

파라미터	설명
key	생성하려는 항목을 포함해야 합니다/업데이트할 키 이름을 나타내는 문자열
value	생성하려는 값을 제공해야 합니다/업데이트된 키의 값을 나타내는 문자열

기술 세부 사항

반환 값：	삽입된 값을 나타내는 문자열
DOM 버전：	네트워크 스토리지 API

更多实例

지정된 세션 스토리지 항목의 값을 설정하십시오：

예제

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

테스트를 보세요‹/›

값을 설정할 수 있는 점 표기법을 사용할 수 있습니다：

예제

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

테스트를 보세요‹/›

다음 함수는 로컬 스토리지에 세 개의 데이터 항목을 생성한 후, 그들을 사용하여 페이지에서 사용자 정의 스타일을 설정합니다:

예제

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

테스트를 보세요‹/›

JavaScript 객체

JavaScript 참조 가이드

JS DOM 참조 가이드

Storage setItem() 메서드

문법：

브라우저 호환성

파라미터 값

기술 세부 사항

更多实例

관련 참조