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檔案