javascript - HTML:关键元素的更好格式

Question

我将用户条目存储到本地存储中。然后将此信息作为单个元素存储在列表中。这一切都很好，但显示的按键看起来很难看，我想知道如何改进它。

文本显示为{"Entry":"run at the park".....我怎样才能让它看起来更好，例如，Entry: run at the park.....我可以提供html如果需要。

Answer 1

假设你在 localStorage 中存储了 JSON，使用 JSON.parse() 解析 localStorage 项中的 JSON，然后使用键和值按照您的需要格式化 html。

var json = JSON.parse('{"entry":"run at the park","exercise":"jogging"}');
// you'd probably do...
// var json = JSON.parse(localStorage.getItem('whatever'));

document.getElementById('list').innerHTML = '<li><strong>'+json.entry+':</strong> '+json.exercise+'</li>';

<ul id="list"></ul>