Fatal编程技术网

Javascript 召回信息的问题

javascript

Javascript 召回信息的问题,javascript,Javascript,我是Java脚本新手，我只是尝试着练习我所学的东西 我试图创建一个文本字段，然后访问和调用信息 <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()"> </f

我是Java脚本新手，我只是尝试着练习我所学的东西

我试图创建一个文本字段，然后访问和调用信息

<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>


您读过的书的名称：
名称：

函数书（）{
var nameofbook=document.getElementById（'books'）.value；
document.getElementsById（'qwe'）。innerHTML=书籍名称；
}
然后我尝试了本地存储

<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>


您读过的书的名称：
姓名：

var x=document.getElementById（'books'）；
if（localStorage.books）{
localStorage.books=x；
document.getElementsByTagName（'p'）。innerHTML=x；
}
他们都没有成功。我的错误是什么

document.getElementsById('qwe').innerHTML = nameofbook;
没有函数
document.getElementsById（）
，这应该是
getElementById
：

document.getElementById('qwe').innerHTML = nameofbook;
使用本地存储的示例对我来说似乎毫无意义，因为除了其他问题外，您从未阅读存储内容。

第一个问题：您提交的表单将导致重定向（有点像单击链接）。第二个：注意它怎么说“getElementsByTagName”？它是元素的集合，而不仅仅是一个。我强烈建议您熟悉它，它会告诉您代码有什么问题。