Home/ Questions/Q 8615087
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-12T05:17:12+00:00

The following code creates a text input field AFTER the Hey girls! paragraph when

  • 0

The following code creates a text input field AFTER the Hey girls! paragraph when pressing on the push button:

<html>
<head>
<script>
function func()
{
var elem=document.createElement("input");
document.body.appendChild(elem);
elem.setAttribute('type','text');
}
</script>
</head>
<body>
<p>Hey guys!<p>
<input type="button" value="push" onclick="func()"/>
<script>
func();
</script>
<p>Hey girls!<p>
</body>
</html>

How do I make sure the text input fields are created before the Hey girls! paragraph and after the Hey guys! paragraph?

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Thats a job for HTMLElement.prototype.insertBefore.

    Synopsis: parentElement.insertBefore(newElement, referenceElement);

    Example:

    document.body.insertBefore( elem, document.getElementsByTagName('p')[1] );

    Since you haven’t any ID or classname for your paragraph node here, I just referenced that with .getElementsByTagName. Would make things easier if you have a more accurate query possibility.

    Ref.: https://developer.mozilla.org/en-US/docs/DOM/Node.insertBefore

    • 0