Storage getItem() 메서드

getItem()메서드는 지정된 저장 객체에서 지정된 키 이름의 값을 반환합니다.

지정된 키가 존재하지 않으면 이 메서드는null.

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

문법:

localStorage.getItem(keyName)

sessionStorage.getItem(keyName)

예제

var x = localStorage.getItem("image");

테스트를 보고‹/›

브라우저 호환성

표에서의 숫자는 getItem() 메서드를 완전히 지원하는 첫 번째 브라우저 버전을 지정합니다:

메서드
getItem()	4	3.5	11.5	4	9

매개변수 값

매개변수	설명
keyName	키의 이름을 검색할 문자열

기술 세부 사항

반환 값:	지정된 키 값을 포함한 문자열. 지정된 키가 존재하지 않으면 null을 반환합니다
DOM 버전:	네트워크 스토리지 API

더 많은 예제

지정된 세션 스토리지 항목의 값을 반환합니다:

예제

var x = sessionStorage.getItem("age");

테스트를 보고‹/›

또한 점 표기법을 사용하여 값을 가져올 수 있습니다:

예제

var x = localStorage.url;

테스트를 보고‹/›

다음 함수는 로컬 스토리지에서 세 가지 데이터 항목을 검색한 후 이를 사용하여 페이지에서 사용자 정의 스타일을 설정합니다:

예제

function setStyles() {
　　　var currentColor = localStorage.getItem('bgcolor');}}
　　　var currentFont = localStorage.getItem('font');}}
　　　var currentImage = localStorage.getItem('image');}}
　　　document.getElementById('bgcolor').value　=　currentColor;
　　　document.getElementById('font').value　=　currentFont;
　　　document.getElementById('image').value　=　currentImage;
　　　root.style.backgroundColor　=　currentColor;
　　　p.style.fontFamily　=　currentFont;
　　　img.setAttribute('src'　currentImage);
}

테스트를 보고‹/›

JavaScript 객체

JavaScript 참조 가이드

JS DOM 참조 가이드

Storage getItem() 메서드

문법:

브라우저 호환성

매개변수 값

기술 세부 사항

더 많은 예제

관련 참조