Home/ Questions/Q 8987095
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-15T21:42:29+00:00

I write function for manipulation with DOM objects. This function must find element with

  • 0

I write function for manipulation with DOM objects. This function must find element with specific ID and add new child element to element with specific ID:

<html>
<head>
    <title> Text </title>
     <meta charset="utf-8">
</head>
<body id="tbody">
  <script>
    function add(){
       el = document.getElementById("testform");
       var nf=document.createElement("input");
       nf.type="text";
       el.appendChild(nf);
    }
  </script>

   <p>
     <form id="testform">
       <button onclick="add();"> create</button>
      </form>
   </p>


</body>
</html>

Element of text input doesn’t create on page,but same code is placed in script tag without function-work

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    You’re reloading the page, and need to return false when clicking the button to stop the form from being submitted :

    <html>
    <head>
        <title> Text </title>
        <meta charset="utf-8">
    </head>
    <body id="tbody">
        <script type="text/javascript">
            function add(){
                el = document.getElementById("testform");
                var nf=document.createElement("input");
                nf.type="text";
                el.appendChild(nf);
            }
       </script>
       <p>
       <form id="testform">
           <button onclick="add();return false;"> create</button>
       </form>
       </p>
   </body>
</html>​

    Also, sticking a form inside a paragraph seems unnecessary ?

    FIDDLE

    • 0