Løbe list igennem og sætte attribute class ?

Hejsa,

jeg forsøger at løbe en liste igennem for at fjerne attribute class for så at sætte den på en bestemt. Min html er som følger :

<div id="tab-container">
    <div id="header-tab">
        <ul>
            <li runat="server" class="current" id="tab1"><a href="java script:void(0);" onclick="setActiveTab('tab1')">Forside</a></li>
            <li runat="server" id="tab2"><a href="java script:void(0);" onclick="setActiveTab('tab2')">System indstillinger</a></li>
            <li runat="server" id="tab3"><a href="java script:void(0);" onclick="setActiveTab('tab3')">Sprog indstillinger</a></li>
            <li runat="server" id="tab4"><a href="java script:void(0);" onclick="setActiveTab('tab4')">Moduler</a></li>
        </ul>
    </div>
</div>
<div id="tab-content">indhold</div>

Til det har jeg så forsøgt mig med noget javascript, som jeg ikke helt kan få til at spille :

function setActiveTab(tabId)
{
    var ulElement = document.getElementsByTagName("ul")
    if (ulElement.hasChildNodes)
    {
        for (var i=0; i<ulElement.childNodes.lenght; i++)
        {
            var liNode = ulElement.childNodes[i];
            if (liNode.nodeName.toLowerCase == "li")
            {
                var liClass = document.getElementsByTagNmae("li")
                liClass.setAttribute("class", "");
            }
        }
    }
    var activeTab = document.getElementById(tabId);
    activeTab.setAttribute("class", "current");
}

Er der en der kan hjælpe mig med det ?