Хранилище: метод getItem()

Базовая линия Широко доступно

Эта функция хорошо зарекомендовала себя и работает на многих устройствах и версиях браузеров. Она доступна в браузерах с июля 2015 года.

Метод getItem() интерфейса Storage, при передаче имени ключа, вернёт значение этого ключа или null, если ключ не существует, в данном Storage объекте.

Синтаксис

getItem(keyName)

Параметры

keyName: Строка, содержащая имя ключа, значение которого требуется получить.

Возвращаемое значение

Строка, содержащая значение ключа. Если ключ не существует, возвращается null.

Примеры

Следующая функция извлекает три элемента данных из локального хранилища, а затем использует их для установки пользовательских стилей на странице.

function setStyles() {
  const currentColor = localStorage.getItem("bgcolor");
  const currentFont = localStorage.getItem("font");
  const currentImage = localStorage.getItem("image");

  document.getElementById("bgcolor").value = currentColor;
  document.getElementById("font").value = currentFont;
  document.getElementById("image").value = currentImage;

  htmlElem.style.backgroundColor = `#${currentColor}`;
  pElem.style.fontFamily = currentFont;
  imgElem.setAttribute("src", currentImage);
}

Примечание: Чтобы увидеть это в реальном примере, обратитесь к нашей Демонстрации Web Storage.

Спецификации

Спецификация
HTML # dom-storage-getitem-dev

Совместимость с браузерами

	Рабочие столы					Мобильные устройства
	Chrome	Edge	Firefox	Opera	Safari	Chrome Android	Firefox для Android	Opera Android	Safari на iOS	Samsung Internet	WebView Android
`getItem`	4	12	3.5	10.5	4	18	6	11	3.2	1.0	≤37

См. также

© 2005–2024 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/API/Storage/getItem