Question

我的问题如下 - 我的浏览器没有正确显示myForm1功能。会发生什么是＆＃34; namedItem＆＃34;单击“尝试”按钮后，只需在屏幕上快速显示，然后消失

它仅使用表单元素执行此操作。下面的内容完全符合要求。这是我的代码：

 <!DOCTYPE html>
 <html>
  <head></head>
  <body>
   <form id="myForm">
     Tenancy: <input type="number" name="tenam">
   <button onclick="myForm1()">Try it</button>
   </form>
   <p>Simple text</p>
 <button onclick="simpText()">Show</button>
 <div id="show">
 </div>
 <script type="text/javascript">
   function myForm1() {
   var x = document.forms.namedItem("myForm").innerHTML;
   document.getElementById("show").innerHTML = x;
   }
   function simpText () {
     var x = document.getElementsByTagName("p")[0].innerHTML;
     document.getElementById("show").innerHTML = x;
   }
  </script>
 </body>
 </html>

Answer 1

单击按钮元素时，您无法停止提交表单，并且提交了按钮元素的默认类型。因此，当您单击表单中的按钮时，页面将被重新加载并且更改将丢失。您可以通过向按钮添加类似按钮的类型来解决此问题：

<button onclick="myForm1()" type="button">Try it</button>

<强> jsFiddle example

javascript无法显示document.forms元素

1 个答案: