js实现收藏功能css跳转设计

这只是简单的前段css转换，后台只要连接上数据库然后在ajax中加上返回值

<script>

    window.onload = function(){
     var sid1 = document.getElementById("sid1");
  var sid2 = document.getElementById("sid2");
  var sid = document.getElementById("sid").innerText;
  if(sid==1){
     sid2.style.display="none";  
  }else{
     sid1.style.display="none";
  }
  sid1.onclick = function concollect(){             
   $.ajax({
    type:"post",
    url:"concelCollectCourse.action",
    success:function(){
    sid2.style.display="inline";
    sid1.style.display="none";
    }
   }); 
  };
  sid2.onclick = function collect(){       
   $.ajax({
    type:"post",
    url:"collectCourse.action",
    success:function(){
    sid1.style.display="inline";
        sid2.style.display="none";
    }
   });
  };


    };
   

  </script>

<span id="courseID" style="display:none"><s:property value="#course.courseID"/></span>
      <button id="sid1" class="xing1"><span>☆</span></button>
      <button id="sid2" class="xing2"><span>☆</span></button>