将数据保存到本地存储并将其显示为innerHTML

// 保存数据到localStorage
localStorage.setItem('dataKey', '保存的数据');

// 从localStorage获取数据并显示为innerHTML
var data = localStorage.getItem('dataKey');
document.getElementById('elementId').innerHTML = data;

// 打开数据库
var request = window.indexedDB.open('databaseName', versionNumber);

// 监听数据库打开成功事件
request.onsuccess = function(event) {
  var db = event.target.result;
  
  // 创建事务
  var transaction = db.transaction(['objectStoreName'], 'readwrite');
  
  // 获取对象存储空间
  var objectStore = transaction.objectStore('objectStoreName');
  
  // 保存数据
  var data = { key: 'dataKey', value: '保存的数据' };
  var request = objectStore.put(data);
  
  request.onsuccess = function(event) {
    console.log('数据保存成功');
  };
};

// 打开数据库
var request = window.indexedDB.open('databaseName', versionNumber);

// 监听数据库打开成功事件
request.onsuccess = function(event) {
  var db = event.target.result;
  
  // 创建事务
  var transaction = db.transaction(['objectStoreName'], 'readonly');
  
  // 获取对象存储空间
  var objectStore = transaction.objectStore('objectStoreName');
  
  // 获取数据
  var request = objectStore.get('dataKey');
  
  request.onsuccess = function(event) {
    var data = event.target.result;
    document.getElementById('elementId').innerHTML = data.value;
  };
};