<HTML>
<HEAD>
<TITLE>Metody removeNode(), replaceNode() oraz swapNode()</TITLE>
<SCRIPT LANGUAGE="JavaScript">
// suy do przechowania oryginalnego wza
var oldNode

// zastpienie listy UL przez OL
function replace() {
    if (document.all.myUL) {
        var newNode = document.createElement("OL")
        newNode.id = "myOL"
        var innards = document.all.myUL.children
        while (innards.length > 0) {
            newNode.insertBefore(innards[0])
        }
        oldNode = document.all.myUL.replaceNode(newNode)
    }
}

// przywrcenie OL
function restore() {
    if (document.all.myOL && oldNode) {
        var innards = document.all.myOL.children
        while (innards.length > 0) {
            oldNode.insertBefore(innards[0])
        }
        document.all.myOL.replaceNode(oldNode)
        
    }
}

// zamiana pierwszego i ostatniego wza
function swap() {
    if (document.all.myUL) {
        document.all.myUL.firstChild.swapNode(document.all.myUL.lastChild)    
    }
    if (document.all.myOL) {
        document.all.myOL.firstChild.swapNode(document.all.myOL.lastChild)    
    }
}

// usunicie ostatniego wza
function remove() {
    if (document.all.myUL) {
        document.all.myUL.lastChild.removeNode(true)    
    }
    if (document.all.myOL) {
        document.all.myOL.lastChild.removeNode(true)    
    }
}
</SCRIPT>
</HEAD>
<BODY>
<H1>Metody operujce na wzach</H1>
<HR>
Oto lista elementw:
<UL ID="myUL">
<LI>Pierwszy element listy
<LI>Drugi element listy
<LI>Trzeci element listy
<LI>Czwarty element listy
</UL>
<FORM>
<INPUT TYPE="button" VALUE="Zmiana postaci listy" onClick="replace()">&nbsp;&nbsp;
<INPUT TYPE="button" VALUE="Przywrcenie oryginalnej postaci" 
onClick="restore()">&nbsp;&nbsp;
<INPUT TYPE="button" VALUE="Zamiana pierwszego i ostatniego wza" 
onClick="swap()">&nbsp;&nbsp;
<INPUT TYPE="button" VALUE="Usunicie ostatniego wza" onClick="remove()">
</BODY>
</HTML>