<HTML> 
<HEAD> 
<TITLE>Metoda insertBefore()</TITLE> 
<SCRIPT LANGUAGE="JavaScript"> 
function doInsert(form) {
    if (form.newText) {
        var newChild = document.createElement("LI")
        newChild.innerHTML = form.newText.value
        var choice = form.itemIndex.options[form.itemIndex.selectedIndex].value
        var insertPoint = (isNaN(choice)) ? 
            null : document.getElementById("myUL").childNodes[choice]
        document.getElementById("myUL").insertBefore(newChild, insertPoint)
    }
}
</SCRIPT> 
</HEAD> 
<BODY> 
<H1>Metoda insertBefore()</H1> 
<HR>
<FORM onSubmit="return false">
<P>Wpisz tekst lub kod HTML nowego elemetu listy:
<INPUT TYPE="text" NAME="newText" SIZE=40 VALUE=""></P>
<P>Przed ktrym z istniejcych elementw naley go wstawi?
<SELECT NAME="itemIndex">
    <OPTION VALUE=null>Nie okrelono</OPTION>
    <OPTION VALUE=0>1</OPTION>
    <OPTION VALUE=1>2</OPTION>
    <OPTION VALUE=2>3</OPTION>
</SELECT></P>
<INPUT TYPE="button" VALUE="Wstaw nowy element listy" onClick="doInsert(this.form)">
</FORM> 

<OL ID="myUL">
    <LI>Oryginalny pierwszy element listy
    <LI>Oryginalny drugi element listy
    <LI>Oryginalny trzeci element listy
</OL>
</BODY> 
</HTML>