javascript无法正确显示document.forms元素_Javascript_Forms

javascript无法正确显示document.forms元素

javascript forms

javascript无法正确显示document.forms元素,javascript,forms,Javascript,Forms,我的问题如下-我的浏览器无法正确显示myForm1功能。发生的情况是，“namedItem”只是在单击“尝试”按钮时快速出现在屏幕上，然后消失它仅对表单元素执行此操作。下面的一个正是它所需要的。这是我的密码： <!DOCTYPE html> <html> <head></head> <body> <form id="myForm"> Tenancy: <input type="numbe

我的问题如下-我的浏览器无法正确显示myForm1功能。发生的情况是，“namedItem”只是在单击“尝试”按钮时快速出现在屏幕上，然后消失

它仅对表单元素执行此操作。下面的一个正是它所需要的。这是我的密码：

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


租赁：
试试看
简单文本
显示
函数myForm1（）{
var x=document.forms.namedItem（“myForm”）.innerHTML；
document.getElementById（“show”）.innerHTML=x；
}
函数simpText（）{
var x=document.getElementsByTagName（“p”）[0].innerHTML；
document.getElementById（“show”）.innerHTML=x；
}

单击按钮元素时，您没有采取任何措施阻止表单的提交，而按钮元素的默认类型是submit。因此，当您单击表单中的按钮时，页面将被重新加载，更改将丢失。您可以通过在按钮中添加类似类型的按钮来解决此问题：

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

试试看