JavaScript 无法正确显示 document.Forms 元素

javascript cannot propertly display document.forms element

本文关键字：document Forms 元素 显示 JavaScript      更新时间：2023-09-26

我的问题是以下 - 我的浏览器无法正确显示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>

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

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

js小提琴示例

相关文章：