<HTML>
<HEAD>
<TITLE>Metody appendChild(), removeChild() oraz replaceChild()</TITLE>
<SCRIPT LANGUAGE="JavaScript">
function append(form) {
    if (form.input.value) {
        var newItem = document.createElement("LI")
        newItem.appendChild(document.createTextNode(form.input.value))
        document.getElementById("myUL").appendChild(newItem)
    }
}

function replace(form) {
    if (form.input.value) {
        var newItem = document.createElement("LI")
        var lastChild = document.getElementById("myUL").lastChild
        newItem.appendChild(document.createTextNode(form.input.value))
        document.getElementById("myUL").replaceChild(newItem, lastChild)
    }
}

function restore() {
    var oneChild
    var mainObj = document.getElementById("myUL")
    while (mainObj.childNodes.length > 2) {
        oneChild = mainObj.lastChild
        mainObj.removeChild(oneChild)
    }
}
</SCRIPT>
</HEAD>
<BODY>
<H1>Metody operujce na wzach podrzdnych</H1>
<HR>
Oto lista:
<UL ID="myUL"><LI>Pierwszy element listy
<LI>Drugi element listy
</UL>
<FORM>
Podaj teskt:
<INPUT TYPE="text" NAME="input" SIZE=30><BR>
<INPUT TYPE="button" VALUE="Dodaj do listy" onClick="append(this.form)">
<INPUT TYPE="button" VALUE="Zastp ostatni element listy" 
onClick="replace(this.form)">
<INPUT TYPE="button" VALUE="Przywr oryginaln posta listy" onClick="restore()">
</BODY>
</HTML>