javascript控制html里的元素样式

今天在写前台时，根据需求要点击切换Tab，然后显示不同的内容，由于是个初学者，找了些资料，自己总结如下：          

  function setTab(id){ 

            var div1 = document.getElementById("frist");
        var div2 = document.getElementById("second");
        var firstli = document.getElementById("firstli");
        var secondli = document.getElementById("secondli");
            if(id==1){
            div1.style.display="";
            div2.style.display="none";
            firstli.className="on";
            secondli.className="";
            }else if(id==2){
            div1.style.display="none";
            div2.style.display="";
            firstli.className="";
            secondli.className="on";
            }

            } 

得到元素后用style设置样式，用className指定是哪一个CSS文件