Question

我有以下代码。代码的目的是获取存储在本地存储中的所有值，并将其显示在id个'title'和'textLoc'的两个HTML元素中。 'title'是<input type="text">，'textLoc'是<textarea>。我希望将值存储在<textarea>中，并将密钥存储在<input type="text">中。值正确存储，但键不正确。关于为什么会这样的任何想法？

var tests = [];
var titles = [];

var finalTests = "";

var key, value;
for (var i = 0; i < localStorage.length; i++) {
  key = localStorage.key(i);
  value = localStorage.getItem(key);
  tests.push(value);
  titles.push(key);
  finalTests += "<tr><td><a class=\"dashlinks\" href=\"javascript:void\" onclick=\"rememberTest("+i+")\">" + key + "</a></td></tr>";
}

for (i=0; i<tests.length; i++) {
document.getElementById('title').innerHTML = titles[i];

document.getElementById('textLoc').innerHTML = tests[i];
}

Answer 1

您应该使用document.getElementById('title').value和document.getElementById('textLoc').value。此外，在您存储后，似乎您对finalTests一无所知。

Answer 2

您应该将字符串附加到文本区域：

document.getElementById('title').innerHTML = document.getElementById('title').innerHTML + titles[i] + '\n';

关于这个javascript代码有什么问题的任何想法？

2 个答案: