回忆信息的问题

时间:2017-01-31 19:22:13

标签: javascript

我是Java Script的新手,我只是想练习我学到的东西。

我尝试创建一个文本字段,然后访问并调用该信息。

<body>

<form>
  Name of the book You have read: <input id="books" type="text" name="ewq" value="qwe">
  <input  type="submit" name="ui" value="submit" onClick="bookse()">
</form>

<p id="qwe">name:</p>

<script type="text/javascript">
function bookse() {
  var nameofbook = document.getElementById('books').value;
  document.getElementsById('qwe').innerHTML = nameofbook;
}
</script>
</body>

然后我尝试使用Local Storage

<form id="book">
  Name of the book You have read: <input id="books" type="text" name="" value="">
</form>

<p>name:</p>

<script type="text/javascript">
var x = document.getElementById('books');
if (localStorage.books) {
  localStorage.books = x;
  document.getElementsByTagName('p').innerHTML = x;
}
</script>

这些都没有奏效。我的错误是什么

1 个答案:

答案 0 :(得分:1)

document.getElementsById('qwe').innerHTML = nameofbook;

没有功能document.getElementsById(),这应该是getElementById

document.getElementById('qwe').innerHTML = nameofbook;

使用本地存储的示例对我来说似乎毫无意义,因为除了其他问题之外,您从未阅读过存储内容。